chrome html消除边框

      自学习html以来用的都是谷歌浏览器,最近发现在默认情况下,谷歌浏览器是为body留有边框的,不仔细看真不容易看出来。



在检查元素时可以清楚地看到这个边框。

 

       一般来说这对页面没有太大影响,但是有时我们需要把这个边框去掉,让body中的元素紧挨着浏览器的边框,这时,就需要修改body元素的margin和padding属性,将两个属性的值都置为0。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="margin:0;padding:0">
<div>你好呀</div>
</body>
</html>



 

 

  

 这样边框就可以被消除了眨眼眨眼

猜你喜欢

转载自1150404757.iteye.com/blog/2314330