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