亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS如何美化被選中的文字

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

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

CSS代碼

CSS Code復制內(nèi)容到剪貼板
  1. /* webkit, opera, IE9 */  
  2. ::selection { background:lightblue; }   
  3. /* mozilla firefox */  
  4. ::-moz-selection { background:lightblue; }   
  5.   

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

CSS Code復制內(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美化被選擇的文字只是一種很簡單的技巧，但這些都能讓你的網(wǎng)站頁面更絢麗、更多彩！

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • CSS美化半個字符的巧妙方法

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

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

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

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

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

  • 用CSS和Div美化select樣式的簡單方法

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

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

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

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

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

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

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

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

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

  • CSS美化 input type=file 兼容各個瀏覽器

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

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

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

最新評論