CSS定义HR水平线的几种样式

对于CSS定义水平线标签，常用的有以下几种样式，仅供参考。对于 程序代码height:1px;border:none;的主要用途就是Css Reset，关于Css Reset可以搜索下博客里其他文章介绍。

创新互联建站是一家专注于成都做网站、网站设计与策划设计,师宗网站建设哪家好?创新互联建站做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:师宗等地区。师宗做网站价格咨询:028-86922220

用csS定位两条水平线

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水平线的几种样式_文本链接特效

CSS定义HR水平线的几种样式，不要小看了HR水平线哦，用好了会给你的网页增色不少，这一段代码分别定义了几种漂亮的HR样式及颜色，供你参考，如果喜欢，直接拷贝代码就用吧。

CSS文件中如何定义水平线的宽度

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

div+css中如何让两个元素位于同一水平线

例如将两个按钮对齐，方法和详细的操作步骤如下：

1、第一步，打开html编辑器并创建一个新的html文件，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，输入CSS代码“button {display: inline-block}”，见下图，转到下面的步骤。 

3、第三步，执行完上面的操作之后，浏览器运行“index.html”页面，两个元素位于同一水平线上了，见下图。这样，就解决了这个问题了。

CSS如何定义一条水平虚线?

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：div {height:60px;border-bottom:1px dashed}。

3、浏览器运行index.html页面，此时通过css定义了一个水平的虚线。