用代码作日志分割线

来源:百度文库 编辑:神马文学网 时间:2024/04/29 04:51:00

 
一、基本代码:

说 明∶改变SIZE=1数值可调整分割线宽
效 果 图 如 下 所 示
二、特效
1、两头渐变透明:

说 明∶改变SIZE=3、opacity=100数值可调整分割线宽和透明度
效 果 图 如 下 所 示
2、纺锤形:

说 明∶改变SIZE=3、opacity=100数值可调整分割线宽和透明度
效 果 图 如 下 所 示
3、右边渐变透明:

说 明∶改变SIZE=3、opacity=100数值可调整分割线宽和透明度
效 果 图 如 下 所 示
4、左边渐变透明:

说 明∶改变SIZE=3、finishopacity=100数值可调整分割线宽和透明度
效 果 图 如 下 所 示
5、虚线与锯齿线:

说 明∶改变SIZE=2的数值(1~2时为虚线3往上为锯齿状线)、finishopacity=100数值可调整分割线宽和透明度
效 果 图 如 下 所 示
虚线与锯齿线又一效果:

说 明∶分别改变BORDER-TOP: #987cb9 7px和BORDER-BOTTOM: #987cb9 1px的数值(1~9时出显示不同效果分割线)。
效 果 图 如 下 所 示
6、双线:

说 明∶改变SIZE=7可调整分割线宽(与后面调整配合)、BORDER-TOP: #987cb9 3px和BORDER-BOTTOM: #987cb9 3px数值可调整上下分割线宽
效 果 图 如 下 所 示
7、立体效果:

说 明∶改变SIZE=3数值调上实边宽、改变strength:15数值可调下虚边宽、调整direction:240数值为340、240或140时分别为齐头、左躞斜角或右斜角
效 果 图 如 下 所 示
8、钢针效果:

说 明∶改变SIZE=3数值可调整中部实心宽、改变strength=10数值可调整外围虚边宽
效 果 图 如 下 所 示