html设置div边距的方法示例

这篇文章主要介绍了html设置div边距的方法示例,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

方法:1、使用边缘相关属性给div设置外边距(div盒子外围四周的距离);2,使用填充相关属性给div设置内边距(div盒子中装载的内容到盒子边缘(边框)之间距离)。

<强> CSS外边距(保证金)

盒子的外边距分为上右下左四个方向

外边距的设定用来控制盒子外围四周的距离,不属于盒子本身范畴

外边距的主要用途是控制盒子的位置,所以可以出现负值

<强> CSS外边距属性

属性

描述边缘简写属性。在一个声明中设置所有外边距属性.margin-bottom设置元素的下外边距.margin-left设置元素的左外边距.margin-right设置元素的右外边距.margin-top设置元素的上外边距。【】

<强> CSS内边距(填充)

<李>

盒子的内边距分为上右下左四个方向

<李>

内边距的设定用来控制盒子中装载的内容到盒子边缘(边框)之间距离。

<李>

盒子的内边距占据的是盒子里面的空间,最小为0,不允许出现负值。

<强> CSS内边距属性

属性说明填充使用简写属性设置在一个声明中的所有填充属性padding-bottom设置元素的底部填充padding-left设置元素的左部填充padding-right设置元素的右部填充padding-top设置元素的顶部填充

感谢你能够认真阅读完这篇文章,希望小编分享的”html设置div边距的方法示例”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

html设置div边距的方法示例