水平線排列align

  • 2020-12-07 11:23:34
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.americanwasteexpansions.com

水平線排列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ī)缀跻嗽铝敛攀且磺械木売桑钡桨l(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://www.americanwasteexpansions.com/news/wzzz/3314.html

上一篇:水平線去掉陰影noshade、水平線顏色color

下一篇:插入空格和插入特殊符號

網(wǎng)站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)