hr的css样式div,css设置hr样式

我用DIV+CSS排版。。怎么样去除HR上下的空白哇。。

用如下css样式就可以解决了

创新互联作为成都网站建设公司，专注成都网站建设、网站设计，有关企业网站制作方案、改版、费用等问题，行业涉及成都工商代办等多个领域，已为上千家企业服务，得到了客户的尊重与认可。

hr{height:1px;border:none;border-top:1px solid Black;margin:0;*margin:0 0 -14px 0;float:none;*float:left;display:block;}

这种效果一般是用来做分割线，分为以下两种情况

这种效果实现起来并不难，可以用很多方法实现：

方法1：图片，简单，美观

方法2：hr+p标签，两种情况p标签都要添加position：relative，p标签的z-index属性的值要高于hr标签，然后调整left和top的值，让文字压住横线，第一种情形p标签设置背景色白色，第二种背景透明即可

（图片文字已处理。。。）

css是样式控制，而hr标签是内容强制换行，属于内容层面的东西，如果愿意添加不是不可以，都是完全可以的，但是为了保持代码清洁，不建议div和hr一起用

hr 标签在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

至于CSS，如果不针对HR标签书写CSS样式，那就只是一条黑色水平线。

CSS可以定义更漂亮的分割线。例如颜色描边背景边距等。

div class="hr" style="border-top:1px solid #000000;"/div

因为hr为水平线，所以上面的border-top也可写成：border-bottom

（根据情况！）

本文标题：hr的css样式div,css设置hr样式
文章分享：http://mswzjz.cn/article/dssdijo.html