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

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

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

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>水平線</title>

</head>

<body>

<pre>

                綠 衣

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

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

綠兮絲兮，女所治兮。我思古人，俾無(wú)憂兮。

</pre>

<hr/>

<pre>

                終 風(fēng)

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

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

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

</pre>

<hr/>

<pre>

                 新 臺(tái)

新臺(tái)有批，河水彌彌。燕婉之求，遽膝不鮮。

新臺(tái)有灑，河水浼浼。燕婉之求，蓬膝不殄。

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

</pre>

</body>

</html>

image.png

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

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