改變水平線hr的顏色

2021-10-03 20:35:30 字數 350 閱讀 2652

在使用hr的時候很容易誤解為border就是水平線,改變border就能改變水平線的顏色,然而事實並不是這樣的,要想改變水平線的顏色,要從下面的i幾個屬性出發:

border:設定為none或者0px;

height:給定乙個高度,在水平線中指的是水平線有多粗;

width:給定乙個長度,即水平線大概有多長,佔頁面的多少;

background-color:設定水平線的顏色。

具體**如下:

注意:在使用border時,若設定值為border:1px solid red;則針對的是水平線的邊,是4個邊,而中間的顏色是空,即未改變水平線的實際顏色。

綠色的是邊框,紅色的是裡面的內容。

改變水平線hr的顏色

在使用hr的時候很容易誤解為border就是水平線,改變border就能改變水平線的顏色,然而事實並不是這樣的,要想改變水平線的顏色,要從下面的i幾個屬性出發 border 設定為none或者0px height 給定乙個高度,在水平線中指的是水平線有多粗 width 給定乙個長度,即水平線大概有多...

HTML示例06 水平線

1.說明 水平線用於段落與段落之間的間隔,使文件結構清晰明白,也使文字的編排更整齊。水平線自身具有很多的屬性,如寬度 高度 顏色 排列對齊等。在html5中經常會用到水平線,合理使用水平線可以獲得非常好的頁面裝飾效果。一篇內容繁雜的文件,如果合理放置幾條水平線,就會變得層次分明,便於閱讀。語法 下面...

前端標籤 水平線標籤

單詞縮寫 horizontal 橫線在網頁中常常看到一些水平線將段落與段落之間隔開,使得文件結構清晰,層次分明。這些水平線可以通過插入實現,也可以簡單地通過標籤來完成,就是建立橫跨網頁水平線的標籤。其基本語法格式如下 是單標籤 舉個例子 lang en charset utf 8 head 40.6...