html中hr标签定义和用法：

 

　　<hr>标签在HTML页面中创建一条水平线。

 

　　水平分隔线（horizontalrule）可以在视觉上将文档分隔成各个部分。

 

　　HTML<hr>标签实例：

 

　　被水平线分隔的标题和段落：

 

　　<h1>Thisisheader1</h1>

 

　　<hr/>

 

　　<p>Thisissometext</p>

 

　　html中hr标签可选的属性：

 

　　tuyi.png

 

　　html中hr标签在网页中的用法：

 

　　<hralign="center">

 

　　<hralign="left">

 

　　<hralign="right">

 

　　<hrnoshade="true">

 

　　<hrnoshade="false">

 

　　<hrsize="5">

 

　　<hrwidth="500px">

 

　　<hralign="left"noshade="false"size="4"width="500px"color="#ff0000">

 

　　html中hr标签的各种样式使用：

 

　　网页设计当中hr的各种样式，如果使用得当，将会给你的页面增色很多，下面就来详细介绍下各种样式和各种使用方式的方法！

 

　　我用的编辑器是eclipse，这个根据个人喜好来定，用什么都无所谓的，就算你直接用txt也照样能实现这里的效果，毕竟只是静态。

 

　　第一种：

 

　　<hrstyle="height:2px;border:none;border-top:2pxdotted#185598;"/>

 

　　height:2px;是hr的高度

 

　　border:none;是没有边框

 

　　border-top:2pxdotted#185598;是设置横线的样式

 

　　dotted虚线#185598颜色

 

　　第二种：

 

　　<hrstyle="height:1px;border:none;border-top:1pxdashed#0066CC;"/>

 

　　第三种：

 

　　<hrstyle="height:1px;border:none;border-top:1pxsolid#555555;"/>

 

　　第四种：

 

　　<hrstyle="height:3px;border:none;border-top:3pxdoublered;"/>

 

　　html中hr的各种样式使用

 

　　第五种：

 

　　<hrstyle="height:5px;border:none;border-top:5pxridgegreen;"/>

 

　　第六种：

 

　　<hrstyle="height:10px;border:none;border-top:10pxgrooveskyblue;"/>

 

　　border-top:10pxgrooveskyblue;groove上颜色skyblue下颜色

 

　　渐变颜色的分隔线：

 

　　<hrstyle="filter:alpha(opacity=5,finishopacity=100,style=1);height:10px"color=green>

 

　　<hrstyle="filter:alpha(opacity=100,finishopacity=5,style=1);height:10px"color=blue>

 

　　中心透明的分隔线：

 

　　<hrstyle="filter:alpha(opacity=0,finishopacity=100,style=2);height:12px"color=orange>

 

　　<hrstyle="filter:alpha(opacity=0,finishopacity=100,style=3);height:12px"color=#FF00FF>

 

　　中心不透明的分隔线：

 

　　<hrstyle="filter:alpha(opacity=100,finishopacity=0,style=2);height:15px"color=yellow>

 

　　<hrstyle="filter:alpha(opacity=100,finishopacity=0,style=3);height:15px"color=#00FFFF>

 

　　波浪线：

 

　　<hrstyle="filter:wave(strength=9,freq=2,lightstrength=20,phase=9);height:15px"color=pinkwidth=95%>

 

　　三色线：

 

　　<hrstyle="border-top:#ff0000solid;color:#00ff00;border-bottom:#0000ffsolid;height:9px">

 

　　虚线：

 

　　<hrstyle="border-top:2pxdashed;border-bottom:2pxdashed;height:2px"color=black>

 

　　竖线：

 

　　<hrstyle="height:100px;width:4px"color=orange>

 

　　<hrstyle="filter:alpha(opacity=100,finishopacity=5,style=2);height:100px;width:5px"color=navy>

 

　　<hrstyle="filter:alpha(opacity=0,finishopacity=100,style=2);height:100px;width:4px"color=red>

 

　　HTML与XHTML之间的差异

 

　　在HTML中，<hr>标签没有结束标签。

 

　　在XHTML中，<hr>必须被正确地关闭，比如<hr/>。

 

　　在HTML4.01中，hr元素的所有呈现属性均不被赞成使用。

 

　　在XHTML1.0StrictDTD中，hr元素的所有呈现属性均不被支持。





本文转载自中文网