css的各种分割线

最新推荐文章于 2024-05-24 19:40:36 发布

LucasLi2016

最新推荐文章于 2024-05-24 19:40:36 发布

阅读量2.6w

点赞数 3

分类专栏： C# 文章标签： css

C# 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!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;}  
.hr5{ 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" />  
<hr align="center" width="1px" size="41px" color="#2f435b" style="border-  

style:dotted;">  
<hr align="center" width="1px" size="41px" noshade="noshade" style="border:1px #cccccc   

dotted;">  

</body>  
</html>