CSS线条应用代码

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

实心的线条:


竖直线:


虚线:


双线:


立体感:


左边逐渐变透明:


右边逐渐变透明:


样式:

代码如下:



标签

最基本的:


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

align 规定线条位置,有left(左对齐)、right(右对齐)、center(中对齐);noshade 表示是否有立体效果。

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


右边渐变透明:


画虚线:


画双线:


立体效果:


纺棰形:


钢针效果:


也可以利用

标签

或者利用CSS里的background属性,更方便控制划线效果,比如像一个一像素的点(dot.gif)

水平划线: 

垂直划线: 

相关文档
最新文档