加载中…
html水平线代码
(2012-10-11 01:10:22)
标签：
杂谈 |
本文出自网络收集及以下地址
<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#000000 size=1>
双线代码
<hr size="1" noshade="noshade"
style="border:1px #cccccc dotted"/>
<div
style=border-style:dotted;border-color:red;border-width:5;width:100%;height:0></div>
<hr
style="color:#990000;border:1px dotted">
<div style="border-top:1px dashed
#000000">内容<br>内容</div>
<hr style="height:1px;
border-bottom:dashed #000 1px;"/>
<hr
style="filter:alpha(opacity=5,finishopacity=100,style=1);height:10px"
color=green>
<hr style="filter:alpha(opacity=0,finishopacity=100,style=3);height:12px" color=#FF00FF>
<hr style="filter:alpha(opacity=100,finishopacity=0,style=3);height:15px" color=#00FFFF>
波浪线：
<hr
style="filter:wave(strength=9,freq=2,lightstrength=20,phase=9);height:15px"
color=pink width=95%>
网易博客：7款制作彩色水平线的代码
网易博客：HTML
基础教程5：HTML 标题
新浪博客 ：html
关于线的代码~
新浪博客 ：日历时钟分割线
<hr>
<hr color="red"
size="2">
<hr size=1
style="border:dashed;color:orange">
<hr style="BORDER:
dashed;size:1;color:#000000;">
<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#000000 size=1>
<hr style="border:1px dashed red;
height:1px">
虚线代码
<HR style="BORDER-RIGHT: #ee0000 1px dashed;
BORDER-TOP: #ee0000 1px dashed; BORDER-LEFT: #ee0000 1px dashed;
BORDER-BOTTOM: #ee0000 1px dashed" width="80%" color=#ee0000
SIZE=1>
<HR style="BORDER-RIGHT: #76ee00 3px double;
BORDER-TOP: #76ee00 3px double; BORDER-LEFT: #76ee00 3px double;
BORDER-BOTTOM: #76ee00 3px double" width="80%" color=#5151a2
SIZE=3>
立体代码
<HR style="FILTER:
progid:DXImageTransform.Microsoft.Shadow(color#A020F0,direction:145,strength:15)"
width="80%" color=#a020f0 SIZE=3>
纺锤代码
<HR style="FILTER:
alpha(opacity=100,finishopacity=0,style=2)" width="80%"
color=#436eee SIZE=20>
钢针代码
<HR width="80%" color=#00f000
SIZE=3>
右边渐变透明代码
<HR style="FILTER:
alpha(opacity=100,finishopacity=0,style=1)" width="80%"
color=#ffff00 SIZE=3>
两边渐变透明代码 <HR style="FILTER:
alpha(opacity=100,finishopacity=0,style=3)" width="80%"
color=#ee0000 SIZE=3>
<HR align=center width=300 color=#987cb9
SIZE=1>
align 线条位置（可选left、right、center）；width 线条长度；color 颜色；size 厚度
align 线条位置（可选left、right、center）；width 线条长度；color 颜色；size 厚度
垂直分割线
<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=1 size=100
color=#00686b>
<TABLE style="BORDER-LEFT: 1px
solid;" align=centerheight=300
borderColor=#00686b>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TBODY>
<TR>
内容
内容
内容
分隔线宽度属性：<hr
width=50%> 或者 <hr
width=250>
（宽度为实际点数或百分比）
分隔线位置属性：<hr align=right
width=50%> （位置分为 Left、Center、Right
三种）
分隔线厚度属性：<hr
style="height:10px"> （奇怪，height=10
似乎不能起到效果）
分隔线无阴影属性：<hr
style="height:10px" noshade>
分隔线彩色属性：<hr
color=red> 或者 <hr
color=#FF0000> （颜色可调）
渐变颜色的分隔线：
<hr
style="filter:alpha(opacity=5,finishopacity=100,style=1);height:10px"
color=green>
中心透明的分隔线：
<hr
style="filter:alpha(opacity=0,finishopacity=100,style=2);height:12px"
color=orange>
<hr style="filter:alpha(opacity=0,finishopacity=100,style=3);height:12px" color=#FF00FF>
中心不透明的分隔线：
<hr
style="filter:alpha(opacity=100,finishopacity=0,style=2);height:15px"
color=yellow>
<hr style="filter:alpha(opacity=100,finishopacity=0,style=3);height:15px" color=#00FFFF>
波浪线：
三色线：
<hr style="border-top: #ff0000
solid; color: #00ff00; border-bottom: #0000ff solid; height:
9px">
虚线：
<hr style="border-top: 2px
dashed; border-bottom: 2px dashed; height: 2px"
color=black>
竖线：
<hr style="height:100px;
width:4px" color=orange>
<hr
style="filter:alpha(opacity=100,finishopacity=5,style=2);
height:100px; width:5px" color=navy>
<hr
style="filter:alpha(opacity=0,finishopacity=100,style=2);height:100px;
width:4px" color=red>
喜欢
0
赠金笔
前一篇：请相信，一切都会变好
后一篇：水平细线的几种制作方法