您的位置:首页 > Web前端 > CSS

CSS中background背景色的作用范围

2014-08-22 22:28 316 查看
在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中

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: