margin,border,padding复合参数的用法

本文详细介绍了CSS中margin、border及padding复合属性的使用方法。针对margin复合属性的不同参数数量进行了说明,并介绍了border复合属性的通用语法及其参数顺序的灵活性。此外,还讲解了padding复合属性的顺时针排列规则。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在css样式里,会多次用到margin。

但是如果平凡的用到,我们是否可以将同一样式里的margin整合一下呢,他们整合的顺序又是什么呢?

<!--margin
复合参数 1 个数 表示上下左右全都包括
         2个数  表示第一个数表示上下 第二个表示左右
         3个数  第一个数表示上 第二个数表示左右 第三个表示下
         4个数  表示上右下左-->

而同样在border中,也有复合样式的用法,普遍的语法如下:


border: 20px double red;
ps:这里的顺序是可以改变的

而在padding中,也可以用到复合的形式:


padding: 10px 0px 50px 0px;

按照顺时针的顺序进行复合排列。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值