css中什么属性可为元素设置外边距


本文摘自PHP中文网,作者V,侵删。

css中margin属性可以为元素设置外边距。margin属性可以定义元素周围的空间,它会清除周围的外边框元素区域。margin属性可以单独改变元素的上下左右边距,也可以一次改变所有的属性。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

在css中,可以使用margin属性来为元素添加外边距,margin属性可以定义元素周围的空间。

注意:

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

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

d0e2b19c7a77ac6209e68a1197a7bc9.png

属性值:

  • auto 设置浏览器边距。

  • length 定义一个固定的margin(使用像素,pt,em等)

  • % 定义一个使用百分比的边距

(学习视频分享:css视频教程)

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>php.cn</title>

<style>

p

{

    background-color:yellow;

}

p.margin

{

    margin-top:100px;

    margin-bottom:100px;

    margin-right:50px;

    margin-left:50px;

}

</style>

</head>

 

<body>

<p>这是一个没有指定边距大小的段落。</p>

<p class="margin">这是一个指定边距大小的段落。</p>

</body>

 

</html>

运行结果:

b5bcf7d0221f8a1e6ac7bb87d14fdfd.png

相关推荐:CSS教程

以上就是css中什么属性可为元素设置外边距的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css如何实现鼠标经过样式改变

css的属性有哪些

html与css中的3d转换模块

css如何设置相邻单元格边框之间的距离

css网格布局(grid)的常用属性介绍

使用 css 实现一个简单的骨架屏(skeleton screen)

css下划线怎么删

css如何增加边框

css如何实现不显示table的边框

css三个字如何和两个字对齐

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...