2-1 background-color 相关问题
来源：2-1 background-color
isxiaoyan
2018-07-23 23:04:42
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>margin外边距</title>
<style type="text/css">
div{
width:300px;
height:300px;
background-color: pink;
border:20px dashed lightblue;
}
</style>
</head>
<body>
<div>慕课网只学有用的</div>
</body>
</html>
为什么这里把border设置成dashed可以到下面的背景颜色，是div元素扩大了吗？
写回答
4回答
-
同学 可以再看下课件, 背景颜色那小节,讲过了 => 背景区包括涵盖了(1)内容,(2)内边距(padding)和(3)边框, 但是不包括外边距, 你的边框看似设置的是蓝色是因为, 你设置的边框颜色border:20px dashed lightblue; 覆盖掉了背景颜色pink粉色, 而且盒子那节也讲过容器的宽度或长度 = 内容 + padding + border + margin;div本身是没有变大的, 是包裹div元素的盒子变大了.望采纳...
3 -
慕莱坞9309525
2018-07-26
div是扩大了，我测试了你的代码，本来div元素的长宽都是300px,后来你加了边框的width属性：20px后，div变成了340*340px,但是div内的元素没变大，还是300*300px
1 -
好帮手慕夭夭
2018-07-24
因为dashed是设置虚线 , 虚线就像一节一节的线条 , 所以两节边框中间没有边框的就能看到背景色了 .
希望解答了你的疑惑 ,祝学习愉快,望采纳
1 -
Superlove
2018-07-24
并没有，背景颜色包括边框（border），内边距（padding），和内容（content）。
设置边框，边框会覆盖背景
0
相似问题