欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS如何美化被選中的文字

  發(fā)布時(shí)間：2016-06-22 17:05:08   作者：佚名   我要評(píng)論
這篇文章主要介紹了CSS如何美化被選中的文字，本文就教大家利用CSS美化被鼠標(biāo)選中的文字的樣式，感興趣的小伙伴們可以參考一下

CSS的作用就是用來(lái)美化網(wǎng)頁(yè)的內(nèi)容或者結(jié)構(gòu)層次。這我們都知道，不是嗎？隨著CSS技術(shù)的不斷革新升級(jí)，我們獲得了更多的控制樣式的能力。一個(gè)不是那么眾所周知的技術(shù)就是我們可以在瀏覽器里美化被選擇的文字的樣式。Windows自身提供的是一種很難看的墨綠色的顏色，而蘋(píng)果電腦上提供的是淺綠色?；鸷鼮g覽器，IE9，Opera和谷歌瀏覽器允許我們自定義被選擇文字的顏色。讓我來(lái)展示給你看：

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è)面更絢麗、更多彩！

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • CSS美化半個(gè)字符的巧妙方法

    CSS不僅是一種技術(shù)，也是一種藝術(shù)，如果你運(yùn)用的好，可以用它創(chuàng)造出各種神奇的效果，隨著現(xiàn)代瀏覽器技術(shù)的進(jìn)步，CSS3的革新，也給了程序員更大的空間和可能性來(lái)發(fā)揮自己的
    2016-06-14

  • 使用CSS3美化HTML表單的技巧演示

    這篇文章主要介紹了使用CSS3美化HTML表單的技巧演示,包括單選框元素的隱藏以及選項(xiàng)之間的間隔等調(diào)整方法,需要的朋友可以參考下
    2016-05-17

  • CSS使用圖片美化的漂亮菜單效果

    這篇文章主要為大家介紹了CSS使用圖片美化的漂亮菜單效果,涉及css背景圖片動(dòng)態(tài)設(shè)置的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-09-28

  • 用CSS和Div美化select樣式的簡(jiǎn)單方法

    這篇文章主要介紹了用CSS和Div美化SELECT樣式的簡(jiǎn)單方法,同時(shí)提到了select相關(guān)的兼容性寫(xiě)法,需要的朋友可以參考下
    2015-08-06

  • CSS美化下拉框select在火狐和谷歌瀏覽器下已測(cè)試

    本示例要模仿的是下拉框，經(jīng)過(guò)美化的偽下拉，右邊的小三角是用css3實(shí)現(xiàn)的，鼠標(biāo)經(jīng)過(guò)的時(shí)候有旋轉(zhuǎn)特效
    2014-05-13

  • 使用css美化html表單控件詳細(xì)示例(表單美化)

    這篇文章主要介紹了使用css美化html表單控件詳細(xì)示例(表單美化),需要的朋友可以參考下
    2014-05-06

  • css美化表格讓其隔行變色顯示

    單一的表格很容易使人感到枯燥，使用變色效果可以使得表格看起來(lái)更加舒適，在本文將為大家介紹下使用css實(shí)現(xiàn)隔行變色顯示，感興趣的朋友可以參考下
    2013-10-05

  • 文件上傳input file簡(jiǎn)便美化方案(css)

    文件上傳input在各個(gè)瀏覽器里表現(xiàn)形式都不一樣,這里通過(guò)css樣式控制，盡量在多瀏覽器中的表現(xiàn)都一樣
    2013-01-10

  • CSS美化 input type=file 兼容各個(gè)瀏覽器

    在日常重構(gòu)中，form表單家族中的 upload field 在使用 css 美化時(shí)令人頭疼！默認(rèn)情況下，各個(gè)瀏覽器下的表現(xiàn)層次不齊,很是郁悶，于是本人搜集整理了一些常用技巧，需要了解
    2012-12-27

  • 只用CSS美化選擇框的實(shí)現(xiàn)代碼

    當(dāng)我需要用下拉列表拼湊自定義表單時(shí)，我常常不得不使用下拉框（select），由于某些部分是瀏覽器特定的，如下拉箭頭，我花了一段時(shí)間去搞清楚如何只使用css輕松地美化下拉
    2012-03-04

最新評(píng)論