|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 在css樣式中,很多初學css不知道怎么用css實現多色邊框?其實如何實現多色邊框我們可以用到border-colors屬性,那么?css如何實現多色邊框?下面我們來總結一下border-colors屬性。在css3中,我們可以用border-colors來制作多顏色的邊框,但是也有很多人總把border-color和border-colors弄混淆,我們這里用到的是border-colors,并不是border-color。 border-colors語法: -moz-border-left-colors:顏色值;對于border-colors屬性,我們要注意三點: 1.如果border-width為w像素,就表示邊框可以幾種顏色,但是前提每種顏色都是顏色限制唯一的寬度。 2.因為border-colors并不能所有的瀏覽器都是使用,因此我們在代碼前面加一個-moz-。 3.我們不能同時設置四條邊顏色,但是我們可以分為四段顏色為四條邊的設置。 實例: <!DOCTYPE html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 border-colors屬性</title>
<style type="text/css">
#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;
}
</style>
</head>
<body>
<div id="div1">
</div>
</body>
</html>具體代碼效果:
分析:在以上可以看到border-width:5px;說明使用了5中顏色,那么邊框的設置我們就可以使用五種顏色。 以上就是對css如何實現多色邊框?border-colors屬性總結的全部介紹,如果你想了解更多有關CSS視頻教程,請關注php中文網。 以上就是如何實現多色邊框,border-colors屬性詳解的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!