                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

body 加背景色，再加边框，发现背景色没有局限在边框之内，何解

如果给body加个背景色，再加个边框，会发现，背景色没有局限在边框之内。问题是：到底border描述了body范围还是背景色的范围是body？

慕仙1618765

2016-08-30

源自：初识HTML(5)+CSS(3)-升级版 3-5

关注问题我要回答

3953

操作

收起

6 回答

我是7号
2016-09-01

最后补个图：）

0 回复有任何疑惑可以回复我~

收起回答

我是7号
2016-09-01

参考资料：（https://www.smashingmagazine.com/2009/09/backgrounds-in-css-everything-you-need-to-know/）

0 回复有任何疑惑可以回复我~

收起回答

冬木PL
2016-08-30

*{padding:0;margin:0;}

0 回复有任何疑惑可以回复我~

收起回答

我是7号
2016-08-30

通常情况下，浏览器给body添加有默认样式，设置了margin属性的值，而背景色是填充整个标签所占区域的，边框之内宽度+左右margin的值=背景色区域宽度，所以才会出现背景色没有局限在边框之内。可以将body的margin值设定为0进行验证

0 回复有任何疑惑可以回复我~

收起回答

慕仙1618765 提问者

我说的是垂直方向上的，我的问题里面补充了一个图片。再请教。

2016-08-31 回复有任何疑惑可以回复我~

我是7号回复慕仙1618765 提问者

https://css-tricks.com/html-vs-body-in-css/

2016-09-01 回复有任何疑惑可以回复我~

我是7号回复慕仙1618765 提问者

background-color属性在body上的行为表现得比较奇怪，只有在根元素html标签上也设置了background-color的值的时候，才会呈现出我们以为的效果。你可以在你截图上的代码中加入一行html{background-color:green;}看看效果，参考资料的链接如上所示

2016-09-01 回复有任何疑惑可以回复我~

bxzd
2016-08-30

背景色设置是是body的属性，不是边框的

0 回复有任何疑惑可以回复我~

收起回答

慕虎9700072
2016-08-30

同问。。。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226917 人
解答问题 18245 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

5 回答用>文字加红色边框

4 回答开始背景颜色并没有全覆盖，然后我在背景那里写位置是所有，背景颜色就没了。怎么回事呢？

2 回答背景颜色不一样？

4 回答如何给填充设置背景色？

4 回答如何添加背景颜色？在那里添加？具体添加什么内容求大神指点

搜索更多本课相关问答

body 加背景色，再加边框，发现背景色没有局限在边框之内，何解

我要回答关注问题

热搜

最近搜索清空

body 加背景色，再加边框，发现背景色没有局限在边框之内，何解

6 回答

本课相似问答

body 加背景色，再加边框，发现背景色没有局限在边框之内，何解