嵌入式 用html实现各种分割线效果

来源:互联网 发布:叶罗丽精灵梦娃娃淘宝 编辑:程序博客网 时间:2024/05/29 10:16

,在文章中插入分割线。最简单、最普通的分割线效果,用html代码实现即为:


友情提示:由于各个浏览器存在差异性,所以同一html分割线代码在不同的浏览器中会有不同的显示效果。

一、普通分割线效果
1、


2、



align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度

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


2、纺锤形:


3、右边渐变透明:


4、左边渐变透明:


5、虚线:


6、双线:


7、立体效果:


8、钢针效果:



9.垂直分割线

 

原创粉丝点击