Margin、Border、Padding属性的区别和联系 - Go语言中文社区

Margin、Border、Padding属性的区别和联系


你对DIV+CSS中Margin属性、Border属性、Padding属性的区别和联系是否了解,这里和大家分享一下,希望本文介绍对你有所帮助。

Margin属性、Border属性、Padding属性三者的联系与区别

三个元素的含义:

Margin属性

检索或设置对象四边的外延边距。如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。如果只提供一个,将用于全部的四边。如果提供两个,***个用于上、下,第二个用于左、右。如果提供三个,***个用于上,第二个用于左、右,第三个用于下。内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

Border属性

内容的边框;border-color的默认值将采用文本颜色。要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

Padding属性

检索或设置对象四边的补丁边距。如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。如果只提供一个,将用于全部的四条边。如果提供两个,***个用于上、下,第二个用于左、右。如果提供三个,***个用于上,第二个用于左、右,第三个用于下。内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。不允许负值。


记住这张图,这三者的关系相信你就不会忘了。

版权声明:本文来源51CTO,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:http://developer.51cto.com/art/201008/221269.htm
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2021-05-16 17:14:59
  • 阅读 ( 956 )
  • 分类:Go Web框架

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢