位置：首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

3.1.4水平線<hr> 3.1基本的文字排版 HTML

提問人：劉團圓發(fā)布時間：2020-11-05
在制作網(wǎng)頁時，經(jīng)常會使用到水平分割線來裝飾網(wǎng)頁效果或分隔內(nèi)容。<hr>標記用于在網(wǎng)頁中創(chuàng)建一條橫線，與<br>標記一樣，它是一個空標記。在HTML4中，允許對水平線的寬度、顏色、粗細、對齊方式、陰影等屬性進行設(shè)置；而HTML5不再支持這些屬性，水平線的樣式可以通過CSS進行設(shè)置，而且即使不使用<hr>標記，也可以使用HTML某些元素和CSS樣式設(shè)置，制作出各式各樣的水平線效果。
本例三部分文本之間，通過水平線進行分隔，使頁面更清晰明了。

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>水平線</title>

</head>

<body>

<pre>

                綠 衣

綠兮衣兮，綠衣黃里。心之憂矣，渴維其已？

綠兮衣兮，綠衣黃裳。心之憂矣，維其亡？

綠兮絲兮，女所治兮。我思古人，俾無憂兮。

</pre>

<hr/>

<pre>

                終 風(fēng)

終風(fēng)且暴，顧我則笑，謔浪笑敖，中心是悼。

終風(fēng)且霾，惠然肯來，莫往莫來，悠悠我思。

終風(fēng)且噎，不日有噎，癌言不寐，愿言則噓。

</pre>

<hr/>

<pre>

                 新 臺

新臺有批，河水彌彌。燕婉之求，遽膝不鮮。

新臺有灑，河水浼浼。燕婉之求，蓬膝不殄。

魚網(wǎng)之設(shè)，鴻則離之。燕婉之求，得此戚施。

</pre>

</body>

</html>

image.png

繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部