方法：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视频教程 】
css 内边距（padding）
盒子的内边距分为上右下左四个方向
- 内边距的设定用来控制盒子中装载的内容到盒子边缘（边框）之间距离。
盒子的内边距占据的是盒子里面的空间，最小为0，不允许出现负值。
CSS内边距属性
| 属性 | 说明 |
|---|---|
| padding | 使用简写属性设置在一个声明中的所有填充属性 |
| padding-bottom | 设置元素的底部填充 |
| padding-left | 设置元素的左部填充 |
| padding-right | 设置元素的右部填充 |
| padding-top | 设置元素的顶部填充 |
更多编程相关知识，请访问：编程视频！！
以上就是html怎么设置div边距的详细内容，更多请关注php中文网其它相关文章！
声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理
- 上一篇：html里padding是什么意思
- 下一篇：html怎么改变标签的字体
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论