- 本栏最新文章
- CSS定义hr分割线的样式 04-02
- 用CSS让文字居于DIV的底部 04-02
- 用CSS控制图片自适应大小 04-02
- 常用CSS命名参考 04-02
- 清除浮动clear:both的应用详解 04-02
- 超炫的单选框与复选框效果！ 04-02
- CSS文件是链接 还是应该嵌入？ 04-01
- 如何用CSS自定义鼠标显示的形状？ 04-01
- 如何实现多风格选择 样式实时切换？ 04-01
- css样式教学--实时切换网页的CSS样式实现 04-01
- 本栏推荐文章
- Photoshop教程：水灵灵的美女调出来 12-30
- AS3与后台交互 12-21
- AS3通俗教程---AS3自身loading制作 12-19
CSS定义hr分割线的样式
简介：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="e ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
<!--
.hr0{ height:1px;border:none;border-top:1px dashed #1E90FF;}
.hr1{ height:1px;border:none;border-top:1px solid #000;}
.hr2{ height:3px;border:none;border-top:3px double #6B8E23;}
.hr3{ height:5px;border:none;border-top:5px ridge #45D6D8;}
.hr4{ height:10px;border:none;border-top:10px groove #FF8C00;}
-->
</style>
</head>
<body>
<hr class="hr0" />
<hr class="hr1" />
<hr class="hr2" />
<hr class="hr3" />
<hr class="hr4" />
</body>
</html>
