首頁  >  文章  >  web前端  >  css怎麼設定


的顏色

css怎麼設定
的顏色

WBOY
WBOY原創
2021-11-25 18:52:2212018瀏覽

方法:1、利用「background-color」屬性設置,語法為「hr{background-color:顏色值;}」;2、利用「border-color」屬性設置,語法為「hr{ border-color:顏色值;}」。

css怎麼設定<hr>的顏色

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css怎麼設定


的顏色

#在css中,可以利用background-color屬性來設定


標籤的顏色,下面我們透過範例來看一下,範例如下:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
        hr{
            border: none;
            height: 1px;
            background-color:red;
            }
        </style>
    </head>
    <body>
        <h1>123132132</h1>
    <hr>
    </body>
</html>

輸出結果:

css怎麼設定<hr>的顏色

2、利用border屬性來設定< ;hr>標籤顏色,範例如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
        hr{
            border: 1px solid;
            border-color:red;
            }
        </style>
    </head>
    <body>
        <h1>123132132</h1>
    <hr>
    </body>
</html>

輸出結果:

css怎麼設定<hr>的顏色

#(學習影片分享:css影片教學

以上是css怎麼設定


的顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn