插入水平線hr和水平線寬度width

  • 2020-11-30 10:13:53
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

插入水平線hr

<hr>標(biāo)記代表水平分割模式,并會在瀏覽器中顯示一條線。

語法:

<hr>

說明:

在網(wǎng)頁中輸入一個<hr>標(biāo)記,就添加了一條默認(rèn)樣式的水平線。

舉例:

<html>

<head>

<meta http-equiv="content-type"

 content="text/html; charset=gb2312" />

<title>水平線</title>

</head>

<body>

<p align="center">無月的中秋</p>

<hr>

<p>據(jù)說每年八月十五的時候,夜空中的月亮是一年中最大,最圓,最亮,最美的月亮,這就是中秋節(jié)的來歷,這就是月餅的來歷,大家都會在這一天,合家團圓,吃著月餅,然后在空曠的夜空下賞月。漸漸的,也許人們會淡忘頭頂?shù)脑铝?,只記得這一天是個合家團聚的節(jié)日,記得這一天有月餅吃,偶爾抽空抬了下頭,稍稍感慨:今天月亮還真是亮。我?guī)缀跻嗽铝敛攀且磺械木売桑钡桨l(fā)現(xiàn)今天看不到它</p>

</body>

</html>

在代碼中加粗部分的標(biāo)記為水平線標(biāo)記,在瀏覽器中預(yù)覽,可以看到插入的水平線效果,如下圖所示。

ee0dd77d0efe936a40f1bad61ab79210.jpg

水平線寬度width

width用于改變水平線的寬度。

語法:<hr width="寬度">

說明:在該語法中,水平線的寬度值可以是確定的像素值,也可以是窗口的百分比。

舉例:

<html>

<head>

<meta http-equiv="content-type" 

content="text/html; charset=gb2312" />

<title>水平線寬度</title>

</head>

<body>

<p align="center">無月的中秋</p>

<hr width="500">

<p>據(jù)說每年八月十五的時候,夜空中的月亮是一年中最大,最圓,最亮,最美的月亮,這就是中秋節(jié)的來歷,這就是月餅的來歷,大家都會在這一天,合家團圓,吃著月餅,然后在空曠的夜空下賞月。漸漸的,也許人們會淡忘頭頂?shù)脑铝粒挥浀眠@一天是個合家團聚的節(jié)日,記得這一天有月餅吃,偶爾抽空抬了下頭,稍稍感慨:今天月亮還真是亮。我?guī)缀跻嗽铝敛攀且磺械木売?,直到發(fā)現(xiàn)今天看不到它</p>

</body>

</html>

在代碼中加粗部分的標(biāo)記為設(shè)置水平線的寬度,在瀏覽器中預(yù)覽,可以看到將寬度設(shè)置為500像素的效果。

當(dāng)前文章標(biāo)題:插入水平線hr和水平線寬度width

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3311.html

上一篇:不換行標(biāo)記nobr

下一篇:水平線高度size、水平線去掉陰影noshade

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