对于CSS定义水平线标签，常用的有以下几种样式，仅供参考。对于 程序代码height:1px;border:none;的主要用途就是Css Reset，关于Css Reset可以搜索下博客里其他文章介绍。
创新互联建站是一家专注于成都做网站、网站设计与策划设计,师宗网站建设哪家好?创新互联建站做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:师宗等地区。师宗做网站价格咨询:028-86922220
Html代码：
body
div id="left"
左水平线
/div
div id="right"
右水平线
/div
/body
css代码：
style type="text/css"
#left{
border-bottom:solid #999999 2px;
margin-left:20%;}
#right{
border-bottom:solid #999999 2px;
margin-right:30%;}
/style
说明:其实水平线制作方法我也不是很清楚，我这个是用div做的，能到达你说的效果，但是我觉得应该还有更简单的办法！！知道了给我说哟，大家相互学习！
CSS定义HR水平线的几种样式，不要小看了HR水平线哦，用好了会给你的网页增色不少，这一段代码分别定义了几种漂亮的HR样式及颜色，供你参考，如果喜欢，直接拷贝代码就用吧。
html
head
style
hr{width:1;height:100;color:#ff9966}
.h1{width:1;height:200;color:#ff0000}
/style
/head
body
hr
hr class="h1"
/body
/html
width可以设置，height在IE中最高显示100px
例如将两个按钮对齐，方法和详细的操作步骤如下：
1、第一步，打开html编辑器并创建一个新的html文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，输入CSS代码“button {display: inline-block}”，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，浏览器运行“index.html”页面，两个元素位于同一水平线上了，见下图。这样，就解决了这个问题了。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的style标签中，输入css代码：div {height:60px;border-bottom:1px dashed}。
3、浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
