真正决定一个元素的表现形式,是由其边框模型决定的
由图所示 蓝色框即为内容 width:70px 表示内容的大小 红色框即为边框 内容到边框之间的距离,即为内边距 5px 灰色框,是指边框与其他元素之间的距离,即为外边距:10px .box{ width:70px; padding:5px; margin: 10px; } <style>
.box{
width:70px;
padding:5px;
margin: 10px;
}
div{
border:1px solid gray;
font-size:70%;
}
</style>
<div>
其他元素
</div>
<div class="box">
内容宽度70px <br><br>
内边距:5px <br> <br>
外边距:10px <br>
</div>
<div>
其他元素
</div>
HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。
问答区域
2019-07-02
为什么模型只有width没有height
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2018-08-09
关于IE盒子模型和标准css盒子模型
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2017-12-19
第二个图没答案
2016-12-07
上题求答案
2016-06-02
关于边框那1px*2
提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
|