打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
几种分割线的代码 -宝贝的天空-搜狐博客
007-04-07 |  几种分割线的代码
一般很多朋讯际怯贸ぬ跣械耐计吹狈指钕撸猛计幕耙痪褪且洗痪褪且隽唇樱唇佑惺焙蚧褂跋煲趁娲蚩乃俣龋晕腋蠹医樯芗钢钟么肷傻姆指钕撸?img style="FLOAT: right; MARGIN: 0px 0px 10px 10px" alt="10b740119bd.gif" src="//img3.pp.sohu.com/images/2006/5/11/19/28/10b6e9c665e.gif" border="0" />
  
  用简单的“hr”语句就能实现多样化的分割效果:
 
  最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade>

  
  其中 width 规定线条的长度,还可以是百分比;color 表示颜色size 表示厚度
align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。
 
  两头渐变透明:
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">

 


  右边渐变透明:
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">

 


  画虚线:
<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">

 


  画双线:
<hr width=80% size=3 color=#5151A2 style="border:3 double green">

 


  立体效果:
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
html中水平分割线的九种特效_百科369
用代码作日志分割线
装饰博客日记几种分割线
代码制作分割线
【甜蜜情人节 / 5|在一个透明背景 】
七款制作彩色水平线的代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服