重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍了html设置div边距的方法示例,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
创新互联-专业网站定制、快速模板网站建设、高性价比洛扎网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式洛扎网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖洛扎地区。费用合理售后完善,十载实体公司更值得信赖。
方法:1、使用margin相关属性给div设置外边距(div盒子外围四周的距离);2、使用padding相关属性给div设置内边距(div盒子中装载的内容到盒子边缘(边框)之间距离)。
CSS 外边距(margin)
盒子的外边距分为上右下左四个方向
外边距的设定用来控制盒子外围四周的距离,不属于盒子本身范畴
外边距的主要用途是控制盒子的位置,所以可以出现负值
CSS外边距属性
属性 | 描述 |
---|---|
margin | 简写属性。在一个声明中设置所有外边距属性。 |
margin-bottom | 设置元素的下外边距。 |
margin-left | 设置元素的左外边距。 |
margin-right | 设置元素的右外边距。 |
margin-top | 设置元素的上外边距。 |
【 】
css 内边距(padding)
盒子的内边距分为上右下左四个方向
内边距的设定用来控制盒子中装载的内容到盒子边缘(边框)之间距离。
盒子的内边距占据的是盒子里面的空间,最小为0,不允许出现负值。
CSS内边距属性
属性 | 说明 |
---|---|
padding | 使用简写属性设置在一个声明中的所有填充属性 |
padding-bottom | 设置元素的底部填充 |
padding-left | 设置元素的左部填充 |
padding-right | 设置元素的右部填充 |
padding-top | 设置元素的顶部填充 |
感谢你能够认真阅读完这篇文章,希望小编分享的“html设置div边距的方法示例”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!