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

CSS3之邊框多顏色Border-color屬性使用示例

  發(fā)布時間：2013-10-11 17:14:14   作者：佚名   我要評論
Border-color是專為邊框的多顏色而準備的屬性，接下來為大家介紹一下CSS3之邊框多顏色Border-color的使用，喜歡的朋友不要錯過
CSS3之邊框多顏色Border-color是專為邊框的多顏色而準備的屬性。在CSS2中也有邊框顏色這個屬性，但是邊框顏色屬性在CSS3中又有什么驚人之舉呢?下面就為大家介紹一下CSS3之邊框多顏色Border-color吧。

一、Border-color的語法

復制代碼
代碼如下:

元素選擇器 {
-moz-border-top-colors: color color color; /*頂邊邊框*/
-moz-border-right-colors:color color color; /*右邊邊框*/
-moz-border-bottom-colors: color color color; /*底邊邊框*/
-moz-border-left-colors: color color color; /*左邊邊框*/
}

二、Border-color的兼容情況

 

三、Border-color的實例
CSS代碼：

復制代碼
代碼如下:

div {width:100px;height:50px;border:10px solid transparent;margin:20px;
/*頂邊邊框*/
-moz-border-top-colors: #bfe6f8 #b0e3fa #9fdefa #89d6f9 #73cff9 #5dcafc #3ac1fe #20b7fb #05b1ff;
/*底邊邊框*/
-moz-border-bottom-colors: #ded7fc #c9bdfd #b7a6fe #a18bfc #8c72fb #7657fe #633ffe #4e25fe #3c0ffd;
/*右邊邊框*/
-moz-border-right-colors: #dbfdd5 #c4feba #adfe9f #96fe84 #89ff76 #72fa5b #57fd3c #43fe24 #25fd01;
/*左邊邊框*/
-moz-border-left-colors: #ffc9c9 #ffb0b0 #ff9696 #fd7f7f #fd6969 #fd5050 #fd3838 #fd1b1b #fe0101;
}

HTML代碼：

復制代碼
代碼如下:

<div>夢龍小站</div>

預覽效果：

相關文章

  • 在線CSS邊框圓角效果代碼工具

    這是一款由腳本之家翻譯自國外網站的在線CSS工具，可在線調整生成樣式的邊框圓角效果，以及邊框的寬度、顏色、樣式等屬性，還可實時預覽生成的CSS代碼，并支持一鍵復制代碼
    2017-09-19

  • css3圖片邊框border-image的用法

    在CSS3里引入的很多新特征中，這篇文章主要介紹了css3圖片邊框border-image的用法,具有一定的參考價值，有興趣的可以了解一下
    2017-06-30

  • 使用CSS的border屬性構建變形邊框的方法總結

    border是最常用的用來制作各種各樣div邊框的CSS屬性,這里我們整理了使用CSS的border屬性構建變形邊框的方法總結,最主要的還是基于三角形的一些圖形變換:
    2016-06-23

  • border-radius以外的CSS圓角邊框制作方法

    用CSS3的border-radius屬性來制作圓角邊框相當順手,然而瀏覽器的兼容問題并不是太好處理,這里我們就來總結一下border-radius以外的CSS圓角邊框制作方法.
    2016-06-02

  • 詳解CSS的border邊框屬性及其在CSS3中的新特性

    這篇文章主要介紹了詳解CSS的border邊框屬性及其在CSS3中的新特性,既涵蓋了基礎的邊框寬度與顏色設置又講到了CSS3中的圖片邊框及邊框漸變,需要的朋友可以參考下
    2016-05-10

  • 深入淺析css3 border-image邊框圖像詳解

    css3中新增了一個屬性 border-image ，這個屬性允許開發(fā)者使用圖片來定義邊框,擴充了 CSS2 中僅有的幾個預定義邊框樣式(border-style)。本文給大家介紹css3 border-image邊
    2015-11-24

  • 一文教你玩轉CSS border(邊框)

    這篇文章主要介紹了一文教你玩轉CSS border(邊框),本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2021-02-19

最新評論