css样式水平线规则,css样式

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

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

江都网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。创新互联建站成立与2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

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

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

3、浏览器运行index.html页面，此时通过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做的，能到达你说的效果，但是我觉得应该还有更简单的办法！！知道了给我说哟，大家相互学习！

html

head

style

hr{width:1;height:100;color:#ff9966}

.h1{width:1;height:200;color:#ff0000}

/style

/head

body

hr class="h1"

/body

/html

width可以设置，height在IE中最高显示100px

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

分享文章：css样式水平线规则,css样式
URL分享：http://cdiso.cn/article/dscoshp.html