国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML教程:html水平線段<HR />

2024-08-26 00:09:07
字體:
來源:轉載
供稿:網友

這個標簽可以在屏幕上顯示一條水平線,用以分割頁面中的不同部分。

<hr>有三個屬性:

   size 水平線的寬度
   width 水平線的長,用占屏幕寬度的百分比或象素值來表示
   align 水平線的對齊方式,有left right center三種
   noshade 線段無陰影屬性,為實心線段

  我們可以用幾個例子來說明這線段的用法:

 


 

線段粗細的設定

<html>
<head>
<title>線段粗細的設定</title>
</head>

<body>
<p>這是第一條線段,無size設定,取內定值size=1來顯示<br>
<hr />
<p>這是第二條線段,size=5<br>
<hr size=5>
<p>這是第三條線段,size=10<br>
<hr size=10>
</body>

</html>


 

 

線段長度的設定
<html>
<head>
<title>線段長度的設定</title>
</head>

<body>
<p>這是第一條線段,無width設定,取width內定值100%來顯示<br>
<hr size=3>
<p>這是第二條線段,width=50(點數方式)<br>
<hr width=50 size=5>
<p>這是第三條線段,width=50%(百分比方式)<br>
<hr width=50% size=7>
</body>

</html>

 


 

線段排列的設定

<html>
<head>
<title>線段排列的設定</title>
</head>

<body>
<p>這是第一條線段,無align設定,(取內定值center顯示)<br>
<hr width=50% size=5>
<p>這是第二條線段,向左對齊br>
<hr width=60% size=7 align=left>
<p>這是第三條線段,向右對齊<br>
<hr width=70% size=2 align=right>
</body>

</html>


 

 

無陰影的設定

<html>
<head>
<title>無陰影的設定</title>
</head>

<body>
<p>這是第一條線段,無noshade設定,取內定值陰影效果來顯示<br>
<hr width=80% size=5>
<p>這是第二條線段,有noshade設定<br>
<hr width=80% size=7 align=left noshade>
</body>

</html>

最后一個水平線:

 


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 潼关县| 平昌县| 温泉县| 香河县| 太湖县| 五华县| 杂多县| 定日县| 瓦房店市| 温泉县| 三亚市| 永川市| 浮山县| 武陟县| 宜良县| 射阳县| 丹江口市| 晴隆县| 康定县| 延寿县| 任丘市| 刚察县| 陇川县| 阿尔山市| 博野县| 芜湖市| 子洲县| 虎林市| 仲巴县| 永登县| 五原县| 蓬莱市| 伊川县| 沾化县| 东兰县| 诸城市| 长沙县| 南川市| 贡觉县| 多伦县| 桓仁|