5G云站长网
站长资源基地

css外边距是什么?css外边距属性的介绍

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

在学习css的时候,会css外边距这一概念,所以,css外边距是什么呢?边框以外就是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素,接下来本篇文章将来给大家介绍关于css外边距属性的相关内容。

首先我们应该知道css的外边距属性是margin

margin清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。

margin可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。

我们来通过一张图看看css外边距属性值对应的是什么:

css外边距是什么?css外边距属性的介绍

css外边距margin属性值最多为四个:分别表示上外边距、右外边距、下外边距、左外边距。也可以是三个:表示上外边距、左右外边距、下外边距。也可以是两个:表示上下外边距、左右外边距。最少为一个:表示四边外边距。

css外边距属性值可以是auto,浏览器自动计算外边距,块级元素会水平居中显示;属性值可以是百分比,百分比是基于父元素的宽度计算的;属性值可以是CSS长度单位,值可以是负值。属性值可以是inherit。

接着我们就来直接看css外边距的实现代码

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

css外边距实现代码如下:

<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>5G云资源分享网</title>  <style> p{     background-color:yellow; } p.margin{     margin:2cm 4cm 3cm 4cm; } </style> </head> <body> <p>没有指定外边距大小</p> <p class="margin">有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距</p> </body> </html>

css外边距实现效果如下:

css外边距是什么?css外边距属性的介绍

最后:

赞(0) 打赏
未经允许不得转载:5G云源码分享网 » css外边距是什么?css外边距属性的介绍

评论 抢沙发

评论前必须登录!

 

5G云源码 更专业 更方便

关于5G云联系我们

觉得能帮助你就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏