简单而有效的html画线代码“hr”实例!
2013-06-29 22:30
309 查看
<hr width=100% size=1 color=#bbbcbc style="FILTER: alpha(opacity=100,finishopacity=0)">
灰色
最基本的:
<hr width=300 size=1 color=#00ffff align=center noshade>
其中 width 规定线条的长度,还可以是百分比;color 是颜色,size 当然就是厚度了。
align 规定线条位置,left、right、center。
noshade 是否有立体效果。
两头渐变透明:
<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
右边渐变透明:
<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
画虚线:
<hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff">
画双线:
<hr width=80% size=3 color=#00ffff style="border:3 double green">
立体效果:
<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">
钢针效果(^_^):
<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)">
纺棰形:
<hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)">
以上所有效果并不是孤立的,它们可以相互组合,从而产生新的效果。譬如:
灰色
最基本的:
<hr width=300 size=1 color=#00ffff align=center noshade>
其中 width 规定线条的长度,还可以是百分比;color 是颜色,size 当然就是厚度了。
align 规定线条位置,left、right、center。
noshade 是否有立体效果。
两头渐变透明:
<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
右边渐变透明:
<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
画虚线:
<hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff">
画双线:
<hr width=80% size=3 color=#00ffff style="border:3 double green">
立体效果:
<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">
钢针效果(^_^):
<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)">
纺棰形:
<hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)">
以上所有效果并不是孤立的,它们可以相互组合,从而产生新的效果。譬如:
相关文章推荐
- 简单而有效的html画线代码
- php生成html简单代码实例 .
- Spring代码实例系列-10:通过Spring Mail发送简单邮件、附件和HTML邮件
- html、css和jquery相结合实现简单的进度条效果实例代码
- html、css和jquery相结合实现简单的进度条效果实例代码
- php生成html简单代码实例
- php和数据库结合的一个 简单的web实例 代码分析 (php初学者)
- php和数据库结合的一个简单的web实例 代码分析 (php初学者)
- 从数据库调出数据显示到页面 PHP+Mysql+Html(简单实例)
- 简单封装js的dom查询实例代码
- 一个简单的遗传算法的应用实例(java代码)
- Android JNI简单实例(android 调用C/C++代码)
- java 使用线程做的一个简单的ATM存取款实例代码
- Websocket协议详解及简单实例代码
- java 将byte中的有效长度转换为String的实例代码
- Websocket协议详解及简单实例代码
- 最简单的0-1背包问题c++代码实例及运行结果
- Spring MVC代码实例系列-10:Spring MVC实现简单的文件上传和下载
- php+mysql写的简单留言本实例代码
- log4j JAVA 简单日志功能 实现 实例 教程 代码