水平線排列align水平線在默認(rèn)情況下是居中對(duì)齊的,如果想讓水平線左對(duì)齊或右對(duì)齊,就需要設(shè)置對(duì)齊方式。
語法:<hr align="對(duì)齊方式">
說明:在該語法中對(duì)齊方式可以有3種,包括cen-ter、left和right,其中center的效果與默認(rèn)的效果相同。
舉例:
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=gb2312" />
<title>水平線排列</title>
</head>
<body>
<p align="center">無月的中秋</p>
<hr align="center" width="200" size="2"
color="#CC6600">
<p>據(jù)說每年八月十五的時(shí)候,夜空中的月亮是一年中最大,最圓,最亮,最美的月亮,這就是中秋節(jié)的來歷,這就是月餅的來歷,大家都會(huì)在這一天,合家團(tuán)圓,吃著月餅,然后在空曠的夜空下賞月。漸漸的,也許人們會(huì)淡忘頭頂?shù)脑铝?,只記得這一天是個(gè)合家團(tuán)聚的節(jié)日,記得這一天有月餅吃,偶爾抽空抬了下頭,稍稍感慨:今天月亮還真是亮。我?guī)缀跻嗽铝敛攀且磺械木売?,直到發(fā)現(xiàn)今天看不到它。</p>
<hr width="200" size="2" color="#CC99CC"
align="left">
<p>早就知道今天不可能在家的,一定在世界的某一個(gè)角落,需要我們?nèi)Ыo他們歌聲。在這個(gè)十一和中秋重合的日子,我們來到這個(gè)名字十分應(yīng)景的城市:重慶。淅淅瀝瀝的雨水告訴我,今天是看不見月亮的。電話或者短信給遠(yuǎn)方的家人和朋友送去問候,才“欣慰”的知道,他們那里,也沒有月亮。</p>
<hr align="right" width="200" size="2"
color="#9900CC">
<p>餅也變了。孩提時(shí),我們唱著“八月十五月兒明呀。。?!钡母杪暎\(chéng)的留著口水,看著來之不易的月餅,看著父親小心的把月餅橫豎切成4等份,一家三口分而食之,然后在彼此的謙讓中討論剩下的四分之一該由誰來解決。自從月餅開始被包裝進(jìn)了禮盒,它在成本的道路上便越走越奢侈,同時(shí)在感情的道路上越走越廉價(jià)。</p>
</body>
</html>
在代碼中加粗部分的標(biāo)記為設(shè)置水平線的排列方式,在瀏覽器中預(yù)覽,可以看到水平線不同排列方式的效果。
水平線在網(wǎng)頁設(shè)計(jì)中是很常見的,網(wǎng)頁中頂部和底部都有水平線,用于分割網(wǎng)頁。