添加博客日记分割线代码 - 筑屋藏心的日志 - 网易博客

来源:百度文库 编辑:神马文学网 时间:2024/04/28 17:41:53
添加博客日记分割线代码 2009-03-29 16:48
分类:博客技术
字号:大大 中中  小
写日志的时候经常需要分割线的。在这里我想大家介绍几种分割线的代码!
用简单的“hr”语句就能实现多样化的分割效果:
(一)  最基本的:

效果如下:
代码说明:其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;
align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。
(二)     两头渐变透明:


效果如下:
(三)     右边渐变透明:


效果如下:右边渐变透明:
 
(四)     画虚线:


效果如下:
 
(五)     画双线:


效果如下:
 
(六)    立体效果:


效果如下:
 
(七)   纺棰形:


效果如下:
(八)   钢针效果:


效果如下: