CSS中background背景色的作用范围
2014-08-22 22:28
316 查看
在div中设置背景色:当border宽度很大时就要考虑一个问题,那就是背景的作用范围,是包括边框呢?还是不包括呢?很明显,又到浏览器产生分歧的时候了。
在IE中背景色的作用范围为:content+padding。而谷歌,火狐为content+padding+border。很明显,IE中的背景色范围是“局限”在边框内的,而谷歌,火狐则包括边框。
如代码:
Chrome,Firefox中
在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中
相关文章推荐
- CSS中background背景色的作用范围
- CSS入门(3)-background:transparent的作用
- css中的background:transparent的作用
- css 中的background:transparent到底是什么意思有什么作用
- css 中的background:transparent到底是什么意思有什么作用
- css 作用范围限定
- css 中的background:transparent到底是什么意思有什么作用
- CSS伪类的作用范围
- css 中的background:transparent到底是什么意思有什么作用
- css中的background:transparent的作用
- css 中的background:transparent到底是什么意思有什么作用
- CSS从大图中抠取小图完整教程(background-position应用)
- javaScript变量的作用范围
- [你必须知道的css系列]第一回:冠冕堂皇:CSS的作用及其基本结构
- c# GC回收与代码块作用范围的问题
- 只读文本框的背景色设置CSS
- css:注释格式不当引起背景色无效
- 在vue中的css作用域
- 表格背景(Background)图像CSS用法详解
- JSP动态生成验证码存储在session作用范围内