html中画分割线的代码,各种分割线Html代码

各种分割线Html代码

1、

---

2、

---

align=center width=300 color=#987cb9

SIZE=1>align

线条位置(可选left、right、center)；width

线条长度；color

颜色；size

厚度

二、特效(效果并不是孤立的，可相互组合)1、两头渐变透明：

---

color=#987cb9 SIZE=3>

2、纺锤形：

---

color=#987cb9 SIZE=10>

3、右边渐变透明：

---

color=#987cb9 SIZE=3>

4、左边渐变透明：

---

color=#987cb9 SIZE=3>

5、虚线：

---

color=#987cb9 SIZE=1>

6、双线：

---

color=#987cb9 SIZE=3>

7、立体效果：

---

width="80%" color=#987cb9 SIZE=1>

8、钢针效果：

---

width="80%" color=#987cb9 SIZE=1>

９．垂直分割线

style="height:265px;border-left-style:solid;

border-bottom-style:none;border-right-style:none;border-top-style:none">

附：另附虚线的Html代码：

HTML代码：

---

[Ctrl+A 全部选择

提示：你可先修改部分代码，再按运行]

HTML代码：

hr { color:red;border:dashed;}

---

[Ctrl+A 全部选择

提示：你可先修改部分代码，再按运行]

HTML代码：

---

[Ctrl+A 全部选择

提示：你可先修改部分代码，再按运行]

HTML代码：

for(i=0;i<300;i++){

document.write(".");

}

[Ctrl+A 全部选择

提示：你可先修改部分代码，再按运行]

HTML代码：

---

[Ctrl+A 全部选择

提示：你可先修改部分代码，再按运行]