CSS中background背景色的作用範圍

勤勞的插秧哥發表於2014-08-22

在div中設定背景色:當border寬度很大時就要考慮一個問題,那就是背景的作用範圍,是包括邊框呢?還是不包括呢?很明顯,又到瀏覽器產生分歧的時候了。

在IE中背景色的作用範圍為:content+padding。而谷歌,火狐為content+padding+border。很明顯,IE中的背景色範圍是“侷限”在邊框內的,而谷歌,火狐則包括邊框。

如程式碼:

<html>
<head>
  <title></title>
<style>
div{
width: 200px;
height: 200px;
background: red;
border:10px dashed blue;

}
</style>
</head>
<body>
 <div></div>
</body>
</html>
效果圖示:IE中

Chrome,Firefox中


相關文章