【代码】CSS分割线代码

更新时间:2023-07-28 04:52:34 阅读: 评论:0

实心的线条:<HR align=left width=490 color=#990099 SIZE=3 noShade>
竖直线:<HR align=center width=1 color=red size=100>

虚线:禁毒考试<hr size=1 >


双线:<hr size=1 >


立体感: <hr size=8 >


左边逐渐变透明:<hr size="2" color="#ff9966" >

proud名词
右边逐渐变透明:<hr size="2" color="#ff9966" >

样式: 手掌出汗

代码如下:

<hr STYLE="WIDTH: 100%; COLOR: #999; BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; HEIGHT: 1px; BORDER-BOTTOM-STYLE: dashed"></HR>


<hr>标签
最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade>
其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;
align 规定线条位置,有left(左对齐)right(右对齐)center(中对齐不想吃饭)noshade 表示是否有立体效果。

两头渐变透明: (利用CSS滤镜处理)
<hr width=80% size=3 color=#5151A2 >

右边渐变透明:
<hr width=80% size=3 color=#5151A2 >
画虚线:
危险造句<hr width=80% size=1 color=#5151A2 > 抖音用户数据分析

画双线:
<hr width=80% size=3 color=#5151A2 >


职业病防护设施立体效果:
<hr width=80% size=3 color=#5151A2 >

纺棰形:
<hr width=80% size=30 color=#5151A2 >

钢针效果:
<hr width=80% size=3 color=#5151A2 >
也可以利用<table>标签
<table width="100%"><tr><td height="1" bgcolor="#FF0000"></td></tr></table>或者利用CSS里的background戴戒指的含义属性,更方便控制划线效果,比如像一个一像素的点(dot.gif)
水平划线:<td > </td>
垂直划线:<td > </td>
当然还有其他很多方法,大家可以参考HTMLCSS相关资料

本文发布于:2023-07-28 04:52:34,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1121153.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

下一篇:java弹div层
标签:效果   立体   线条   表示
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图