html边框底部直线,[html] 边框组成、效果、分割线

一层边框:

加入内容

代码:

加入内容

两层边框:

加入内容

代码:

加入内容

三层边框:

加入内容 代码:

加入内容

其它边框:

演示一 代码:

演示二 代码:

演示三 代码:

演示四 代码:

演示五 代码:

纯代码实现的分割线

其中 width 规定线条的长度，还可以是百分比；color 是颜色，size 当然就是厚度了。

align 规定线条位置，left、right、center。

noshade 是否有立体效果。 最基本的：

---

两头渐变透明：

---

右边渐变透明：

---

画虚线：

---

立体效果： " biggrin.gif? default smilies dz60 images.5d6d.net http: images . border="0"> XImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" width="80%" color=#00ffff SIZE=3>

代码:

---

" biggrin.gif? default smilies dz60 images.5d6d.net http: images . border="0"> XImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" width="80%" color=#00ffff SIZE=3>

钢针效果： " biggrin.gif? default smilies dz60 images.5d6d.net http: images . border="0"> XImageTransform.Microsoft.Glow(color=#00ffff,strength=10)" width="80%" color=#00ffff SIZE=3>

代码:

---

" biggrin.gif? default smilies dz60 images.5d6d.net http: images . border="0"> XImageTransform.Microsoft.Glow(color=#00ffff,strength=10)" width="80%" color=#00ffff SIZE=3>

纺棰形：

代码:

---