HTML中如何添加水平分割線？

更新時(shí)間:2019年08月01日11時(shí)38分來源:傳智播客瀏覽次數(shù):

在信息展示時(shí)，有時(shí)會(huì)需要加一些用于分隔的橫線，水平線可以對(duì)不同的內(nèi)容部分進(jìn)行有效隔離，使得文檔結(jié)構(gòu)清晰，層次分明。那么在HTML中水平分割線怎么添加呢，下面說明下。

水平線可以通過<hr/>標(biāo)記來完成，基本語(yǔ)法格式如下:
<hr/>是單標(biāo)記，在網(wǎng)頁(yè)中輸入一個(gè)<hr/>，就添加了一條默認(rèn)樣式的水平線。

align:設(shè)置水平線的對(duì)齊方式?？蛇x擇left、 right、 center三種值，默認(rèn)為center，居中對(duì)齊。
Size：設(shè)置水平線的粗細(xì)。以像素為單位，默認(rèn)為2px。
Color：設(shè)置水平線的顏色?？捎妙伾Q、十六進(jìn)制#RGB、rgb(r，g，b)
Width: 設(shè)置水平線的寬度?？梢允谴_定的像素值，也可以是瀏覽器窗口的百分比，默認(rèn)為100%。

以上我們介紹了html中標(biāo)題標(biāo)記<hn>和段落標(biāo)記<p>的用法希望對(duì)您有所幫助，如果還有疑問可以點(diǎn)擊頁(yè)面的咨詢按鈕獲得幫助。

推薦了解熱門學(xué)科

java培訓(xùn)	python人工智能	web前端	UI設(shè)計(jì)培訓(xùn)	軟件測(cè)試培訓(xùn)
PHP+H5	C++	新媒體培訓(xùn)	大數(shù)據(jù)培訓(xùn)	區(qū)塊鏈培訓(xùn)
產(chǎn)品經(jīng)理培訓(xùn)	Linux運(yùn)維培訓(xùn)	影視制作培訓(xùn)	智能機(jī)器人軟件開發(fā)

以下是傳智博客熱門視頻教程，想提升自己就點(diǎn)吧！

Python入門教程完整版（懂中文就能學(xué)會(huì)）	零起點(diǎn)打開Java世界的大門
C++\| 匠心之作從0到1入門學(xué)編程	PHP\|零基礎(chǔ)入門開發(fā)者編程核心技術(shù)
Web前端入門教程_Web前端html+css+JavaScript	軟件測(cè)試入門到精通