189 8069 5689

CSS中如何定义外边距-创新互联

本篇文章给大家分享的是有关CSS中如何定义外边距,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

10年积累的做网站、网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先建设网站后付款的网站建设流程,更有龙湾免费网站建设让你可以放心的选择与我们合作。

围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。

设置外边距的最简单的方法就是使用 margin 属性,这个属性接受任何长度单位、百分数值甚至负值。

CSS margin 属性                                         ( 推荐学习:CSS基础教程 )

设置外边距的最简单的方法就是使用 margin 属性。

margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。

margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h2 元素的各个边上设置了 1/4 英寸宽的空白:

h2 {margin : 0.25in;}

下面的例子为 h2 元素的四个边分别定义了不同的外边距,所使用的长度单位是像素 (px):

h2 {margin : 10px 0px 15px 5px;}

与内边距的设置相同,这些值的顺序是从上外边距 (top) 开始围着元素顺时针旋转的:

margin: top right bottom left

另外,还可以为 margin 设置一个百分比数值:

p {margin : 10%;}

百分数是相对于父元素的 width 计算的。上面这个例子为 p 元素设置的外边距是其父元素的 width 的 10%。

margin 的默认值是 0,所以如果没有为 margin 声明一个值,就不会出现外边距。

但是,在实际中,浏览器对许多元素已经提供了预定的样式,外边距也不例外。

例如,在支持 CSS 的浏览器中,外边距会在每个段落元素的上面和下面生成“空行”。

因此,如果没有为 p 元素声明外边距,浏览器可能会自己应用一个外边距。当然,只要你特别作了声明,就会覆盖默认样式。

以上就是CSS中如何定义外边距,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


分享标题:CSS中如何定义外边距-创新互联
URL标题:http://cdxtjz.cn/article/ecsdh.html

其他资讯