网页设计怎么去除空白部分

.nav{background-color:black;height:50px;width:980px;margin:0px; padding:0px; list-style:none;} .nav ul{width:980px;/*设置元素宽度为980px**/margin:0px auto 0px auto;/*也可以简写为margin:0 auto*/}.nav ul li{float:left;/*让li元素左浮动*/list-style:none;}.nav ul li a{width:80px;/*设置元素宽为80px*/height:28px;/*设置高度为28px*/line-height:28px;/*设置行距为28px,让文字在每行的中间位置*/background:black;/*设置元素的背景为红色*/color:white;/*文字颜色是白色*/margin:5px 10px;font-size:12px;/*用12号字*/display:block;/*这个比较关键,因为a本身就是联级元素,本身不具有宽高,用这个把它变成块级元素,这样前面设置的宽和高就能起作用了*/text-align:center;/*让文本居中*/text-decoration:none; /*去掉下划线*/}margin:都设置为0了都不行。

<style>
*
{
margin:0px;
padding:0px;
}
</style>

这样就可以把页面外边的空白去除。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-04-11
不知道你有没有把页面padding和margin初始化为0,还有margin可以取负值,实在没办法可以这样做,劝你还是先开F12看看布局,一般是元素默认大小的问题,可以适当修改默认值。
第2个回答  2016-06-24
添加一句
*{
margin:0px;

}
让外边距为0 试试本回答被网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网