1.做一个100*100大小的紫色盒子 放入内容
效果大概是这样：
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio">
<TITLE></TITLE>
<style>
* {
margin: 0px;
padding: 0px;
}
.pig {
background-color: purple;
width: 100px;
height: 100px;
}
</style>
</HEAD>
<BODY>
<div class="pig">
我是一只小猪
</div>
</BODY>
</HTML>
2.给盒子一个20px的内边距
整体的盒子变大了（中间的是content）
3.给盒子一个20px的外边距
实心的黑色边框：
透明边框：
不过，需要注意的是：不管是内边距还是外边距都会把盒子撑开
要注意是不是需要把盒子的宽高缩小
扫一扫
2048
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
