欧美一级黄色影院,亚洲精品国产suv一区88,日韩av影视大全

導讀網頁的本質就是超級文本標記語言，通過結合使用其他的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>

具體代碼效果：

微信截圖_20181023134127.png

分析：在以上可以看到border-width:5px;說明使用了5中顏色，那么邊框的設置我們就可以使用五種顏色。

以上就是對css如何實現多色邊框？border-colors屬性總結的全部介紹，如果你想了解更多有關CSS視頻教程，請關注php中文網。

以上就是如何實現多色邊框,border-colors屬性詳解的詳細內容，更多請關注php中文網其它相關文章！

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:雨林木風下載站 > 網頁設計教程 > 詳細頁面

如何完成多色邊框,border-colors屬性詳細說明

本類教程下載

系統下載排行