這篇文章主要介紹“怎么用CSS美化被選中的文字”，在日常操作中，相信很多人在怎么用CSS美化被選中的文字問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”怎么用CSS美化被選中的文字”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

我們提供的服務(wù)有：網(wǎng)站設(shè)計(jì)、做網(wǎng)站、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、汝城ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的汝城網(wǎng)站制作公司

CSS代碼

CSS Code復(fù)制內(nèi)容到剪貼板

1. /* webkit, opera, IE9 */  

2. ::selection { background:lightblue; }   

3. /* mozilla firefox */  

4. ::-moz-selection { background:lightblue; }   

5.   

-moz-屬性前綴是個(gè)火狐瀏覽器用的，而基本的::selection選擇器是給谷歌瀏覽器用的。跟其它CSS選擇器的用法一樣，你可以嵌套使用，在不同的地方顯示不同的顏色：

CSS Code復(fù)制內(nèi)容到剪貼板

1. /* webkit, opera, IE9 */  

2. div.highlightBlue::selection { background:lightblue; }   

3. /* mozilla firefox */  

4. div.highlightBlue::-moz-selection { background:lightblue; }   

5.   

6. /* webkit, opera, IE9 */  

7. div.highlightPink::selection { background:pink; }   

8. /* mozilla firefox */  

9. div.highlightPink::-moz-selection { background:pink; }   

10.   

用CSS美化被選擇的文字只是一種很簡(jiǎn)單的技巧，但這些都能讓你的網(wǎng)站頁(yè)面更絢麗、更多彩！

到此，關(guān)于“怎么用CSS美化被選中的文字”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！