《HTMLCSSJavaScript網頁製作從入門到精通第3版》——2.7　水平線

非同步社群發表於2017-05-02
HTMLCSSJavaScript網頁

本節書摘來非同步社群《HTML CSS JavaScript 網頁製作從入門到精通 第3版》一書中的第2章，第2.7節，作者： 劉西傑，更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。

2.7　水平線

在網頁中常常看到一些水平線將段落與段落之間隔開，這些水平線可以通過插入圖片實現，也可以更簡單地通過標記來完成。

<hr>標記代表水平分割模式，並會在瀏覽器中顯示一條線。```

語法：
`
說明：

在網頁中輸入一個

標記，就新增了一條預設樣式的水平線。

舉例：

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>水平線</title>
</head>
<body>
<p align="center">無月的中秋 </p>
<hr>
<p>據說每年八月十五的時候，夜空中的月亮是一年中最大，最圓，最亮，最美的月亮，這就是中秋節的來歷，這就是月餅的來歷，大家都會在這一天，閤家團圓，吃著月餅，然後在空曠的夜空下賞月。漸漸的，也許人們會淡忘頭頂的月亮，只記得這一天是個閤家團聚的節日，記得這一天有月餅吃，偶爾抽空抬了下頭，稍稍感慨：今天月亮還真是亮。我幾乎要忘了月亮才是一切的緣由，直到發現今天看不到它 </p>
</body>
</html>```
在程式碼中加粗部分的標記為水平線標記，在瀏覽器中預覽，可以看到插入的水平線效果，如圖2.10所示。
<div style="text-align: center"><img src="https://yqfile.alicdn.com/e7ae90dbb5e07467b31024c51847e33f403df728.png" width="" height="">


相關文章