【代码】CSS分割线代码

【代码】CSS分割线代码


2024年4月15日发(作者:)

实心的线条:


竖直线:


虚线:


双线:


立体感:


左边逐渐变透明:


style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX

=100,finishY=100);width:490;">

右边逐渐变透明:


style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,fi

nishX=0,finishY=0);width:490;">

样式:

代码如下:


BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; HEIGHT: 1px;

BORDER-BOTTOM-STYLE: dashed">


标签

最基本的:


其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;

align 规定线条位置,有left(左对齐)、right(右对齐)、center(中对齐);noshade 表

示是否有立体效果。

两头渐变透明: (利用CSS滤镜处理)


alpha(opacity=100,finishopacity=0,style=3)">

右边渐变透明:


alpha(opacity=100,finishopacity=0,style=1)">

画虚线:


画双线:


立体效果:


style="filter:progid:(color#5151A2,direction:

145,strength:15)">

纺棰形:


style="filter:alpha(opacity=100,finishopacity=0,style=2)">

钢针效果:


style="filter:progid:(color=#5151A2,strength=

10)">

也可以利用

标签

bgcolor="#FF0000">

或者利用CSS里的background属性,更方

便控制划线效果,比如像一个一像素的点()

水平划线: 

垂直划线: 

当然还有其他很多方法,大家可以参考HTML及CSS相关资料


发布者:admin,转转请注明出处:http://www.yc00.com/web/1713131337a2189059.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信