定义和用法

<hr>标签在HTML页面中创建一条水平线。

水平分割线(horizontal rule)可以在视觉上将文档分割成各个部分。

使用HTML的HR节点可以实现：

1. size线段粗细的设定：

<HR>
这是第一条线段，无size设定，取内定值size=1来显示
<HR SIZE=5>
这是第二条线段，SIZE=5
<HR SIZE=10>
这是第三条线段，SIZE=10


---

这是第一条线段，无size设定，取内定值SIZE=1来显示


---

这是第二条线段，SIZE=5

---

这是第三条线段，SIZE=10

2. width线段长度的设定：

<HR SIZE=3>
这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示
<HR width=50 SIZE=5
这是第二条线段，WIDTH=50(点数方式)
<HR width="50" SIZE=5>
这是第三条线段，WIDTH=50%(百分比方式)


---

这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示


---

这是第二条线段，WIDTH=50(点数方式)


---

这是第三条线段，WIDTH=50%(百分比方式)


3. align线段排列的设定：

<HR width="50" SIZE=5>
这是第一条线段，无ALIGN设定，(取内定值RIGHT显示)
<HR align=center width="60%" SIZE=7>
这是第二条线段，居中对齐
<HR align=right width="70%" SIZE=2>
这是第三条线段，向右对齐


---

这是第一条线段，无ALIGN设定，(取内定值RIGHT显示)


---

这是第二条线段，居中对齐


---

这是第三条线段，向右对齐


4. noshade无阴影的设定，为实心线段：

<HR WIDTH=80% SIZE=5>
这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示
<HR WIDTH=80% SIZE=7 ALIGT=LEFT NOSHADE>
这是第二条线段，有NOSHADE设定


---

这是第一条线段，无NOSHADE设定，去内定值阴影效果来显示


---

这是第二条线段，有NOSHADE设定


5. HR标签水平分割线修饰特效：

1. dotted:点线
<HR style="border:3px dotted #ff0033" width="100%" SIZE=3>


---

2. dashed:虚线
<HR style="border:3px dashed #ff0033" width="100%" SIZE=3>


---

3. solid:实线
<HR style="border:3px solid #ff0033" width="100%" SIZE=3>


---

4. double:双线
<HR style="border:3px double #ff0033" width="100%" SIZE=3>


---

5. groove:槽线
<HR style="border:3px groove #ff0033" width="100%" SIZE=3>


---

6. ridge:脊线
<HR style="border:3px ridge #ff0033" width="100%" SIZE=3>


---

7. inset:内凹
<HR style="border:3px inset #ff0033" width="100%" SIZE=3>


---

8. outset:外凸
<HR style="border:3px outset #ff0033" width="100%" SIZE=3>


---

通过实践5~8并不理想，最好不要用。

其他效果