這篇文章給大家分享的是有關(guān)css中的border-colors屬性怎么用的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比蠡縣網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式蠡縣網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋蠡縣地區(qū)。費(fèi)用合理售后完善,十年實(shí)體公司更值得信賴。
border-colors語法:
-moz-border-left-colors:顏色值;對于border-colors屬性,我們要注意三點(diǎn):
1.如果border-width為w像素,就表示邊框可以幾種顏色,但是前提每種顏色都是顏色限制唯一的寬度。
2.因?yàn)閎order-colors并不能所有的瀏覽器都是使用,因此我們在代碼前面加一個-moz-。
3.我們不能同時設(shè)置四條邊顏色,但是我們可以分為四段顏色為四條邊的設(shè)置。
實(shí)例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
#div1 { width:200px; height:100px; border-width:5px; border-style:solid; -moz-border-top-colors:red orange yellow green cyan blue purple; -moz-border-right-colors: red orange yellow green cyan blue purple; -moz-border-bottom-colors: red orange yellow green cyan blue purple; -moz-border-left-colors: red orange yellow green cyan blue purple; }
|
具體代碼效果:
感謝各位的閱讀!關(guān)于“css中的border-colors屬性怎么用”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!