HTML 几种特别分割线特效 详细出处参考:http://www.jb51.net/web/28414.html
2012-08-23 10:15
681 查看
一、基本线条
二、特效(效果并不是孤立的,可相互组合)
1、两头渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
2、纺锤形:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>
3、右边渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>
4、左边渐变透明:
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>
5、虚线:
<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
6、双线:
<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>
7、立体效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>
8、钢针效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
9.垂直分割线
<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">
<HR align=center width=300 color=#987cb9 SIZE=1>
align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度
二、特效(效果并不是孤立的,可相互组合)
1、两头渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
2、纺锤形:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>
3、右边渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>
4、左边渐变透明:
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>
5、虚线:
<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
6、双线:
<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>
7、立体效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>
8、钢针效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
9.垂直分割线
<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">
<HR align=center width=300 color=#987cb9 SIZE=1>
align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度
相关文章推荐
- jQuery获取文本节点之 text()/val()/html() 方法区别 详细出处参考:http://www.jb51.net/article/26431.htm
- HTML 几种特别分割线特效
- HTML 几种特别分割线特效
- 介绍 devfs 本文来自: (www.91linux.com) 详细出处参考:http://www.91linux.com/html/article/kernel/20090102/15236.html
- android listview优化几种写法 详细出处参考:http://www.jb51.net/article/31886.htm
- 彻底解决联想手机数据连接不能上网问题(无需恢复出厂设置) 本文来自移动叔叔论坛 ,详细出处请参考:http://bbs.ydss.cn/thread-201115-1-1.html
- html Frame、Iframe、Frameset 的区别 详细出处参考:http://www.jb51.net/web/22785.html
- Html中几种特别分割线特效
- HTML 几种特别分割线特效
- HTML 几种特别分割线特效
- HTML 几种特别分割线特效
- 复制文章时自动在文章末尾加上来源网址的代码本文来自: http://www.cnblogs.com/wifi 详细来源请参考:http://www.cnblogs.com/wifi/archive/2012/04/24/2468097.html
- nginx配置入门 详细出处参考:http://www.nginx.cn/591.html
- 分享Visual Studio原生开发的10个调试技巧 详细出处参考:http://www.jb51.net/article/40528.htm
- Android中实现多行、水平滚动的分页的Gridview实例源码 详细出处参考:http://www.jb51.net/article/38169.htm
- 批处理中setlocal enabledelayedexpansion的作用详细整理 详细出处参考:http://www.jb51.net/article/29323.htm
- mysql连接的空闲时间超过8小时后 MySQL自动断开该连接解决方案 详细出处参考:http://www.jb51.net/article/32284.htm
- 全面解释java中StringBuilder、StringBuffer、String类之间的关系 详细出处参考:http://www.jb51.net/article/33398.htm
- textView 添加超链接(两种实现方式) 详细出处参考:http://www.jb51.net/article/38160.htm
- linux su和sudo命令的区别 详细出处参考:http://www.jb51.net/LINUXjishu/12713.html