html中hr怎麼設定粗細

在html中，可以使用css border屬性來設定hr水平線的粗細、顏色等樣式，只需要給hr標籤加上「border: 寬度值樣式值顏色值;」樣式即可，例如「hr {border: 5px solid red;}」。

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

hr是html頁面上的一條水平分隔線（horizo​​ntal rule），它可以在視覺上將文件分隔成各個部分。需要透過標籤在 HTML 頁面中建立。

預設的hr標籤樣式：

就是一條黑線，一點都不美觀，更不用說用來美觀頁面了，這就需要用css來設定hr的樣式了。

css設定hr的粗細（加粗）和顏色

<hr style="border: 5px solid red;"/><!--修改的样式-->

效果圖：

【推薦教學：CSS影片教學 】

利用css border屬性也可以設定hr的樣式：

<hr style="border-top:1px dashed #0066CC;"/>

#說明：

border 簡寫屬性在一個聲明中設定所有的邊框屬性。

可以依序設定下列屬性：

• border-width：規定邊框的寬度。

• border-style：規定邊框的樣式。

  
  

• border-color：規定邊框的顏色。

更多程式相關知識，請造訪：程式設計影片！ ！

以上是html中hr怎麼設定粗細的詳細內容。更多資訊請關注PHP中文網其他相關文章！