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

html-css049

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

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

hr{height:1pxborder:noneborder-top:1px solid Blackmargin:0*margin:0 0 -14px 0float:none*float:leftdisplay:block}

看body加上如下代码就可以了。

body{

margin: 0px

padding: 0px

}

扩展：

body,div, form, img, ul, ol, li, dl, dt, dd, form, p {

margin: 0px

padding: 0px

border: 0px none

list-style: none outside none

text-decoration:none

}

一般网站设计都会加上上面这段代码，学习前端一定要多看其他优秀网站的布局以及页面结构。

第一种方法：<!doctype html>文档声明不规范

不需要修改css，只需要更换声明为：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

即可

第二种方法：

把图片设置为块级元素

img{ display:block}

第三种：

img {vertical-align:top}