本文摘自PHP中文网，作者青灯夜游，侵删。
方法：1、使用margin相关属性给div设置外边距（div盒子外围四周的距离）；2、使用padding相关属性给div设置内边距（div盒子中装载的内容到盒子边缘（边框）之间距离）。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
CSS 外边距（margin）
盒子的外边距分为上右下左四个方向
外边距的设定用来控制盒子外围四周的距离，不属于盒子本身范畴
外边距的主要用途是控制盒子的位置，所以可以出现负值
CSS外边距属性
属性 | 描述 |
|---|---|
| margin | 简写属性。在一个声明中设置所有外边距属性。 |
| margin-bottom | 设置元素的下外边距。 |
| margin-left | 设置元素的左外边距。 |
| margin-right | 设置元素的右外边距。 |
| margin-top | 设置元素的上外边距。 |
【推荐教程：CSS视频教程 】
相关阅读 >>
Html中怎么设置h1的字体样式你知道吗？关于设置h1标签的样式详解
Html dir标签是干啥的？<dir>标签的具体定义和属性介绍
Html表单边框怎么加颜色？Html form标签的边框颜色实例
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
