方法: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边距的详细内容!
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did67180
html怎么设置div边距
阅读:83次