内边距样式：padding-top:10px; (上边框留空白)padding-right:10px;(右边框留空白)padding-bottom:10px; (下边框留空白)padding-left:10px;(左边框留空白)
也可以简写成padding:10px 10px 10px 10px;(分别对应上右下左)padding:10px 10px;(上下、左右)padding:10px 10px 10px;(上、左右、下)
外边距样式：margin-top:10px; (上边界留空白)margin-right:10px;(右边界留空白)margin-bottom:10px; (下边界留空白)margin-left:10px;(左边界留空白)
也可以简写成margin:10px 10px 10px 10px;(分别对应上右下左)margin:10px 10px;(上下、左右)margin:10px 10px 10px;(上、左右、下)
使用练习：我们随机书写一段文字，设置文字的背景为灰色，边框为红色 2px 实线框，内边距为10px，外边距为10px；那么我们的代码就如下所示：
在网页中的显示效果就如下图所示：
对于css的常用标签今天就先介绍到这里，大家在平时可以自己多加练习练习，熟练一下各个标签的作用。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
div