css中margin 缩写方式

本文详细介绍了CSS中Margin属性的用法,包括如何通过一个简化的标记设置元素四周的外边距,及其不同参数数量所代表的具体含义。适用于前端开发者快速掌握Margin属性的使用技巧。

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


<html>
     <body>
         <div style="border: 1px solid red;">
             <div style="border: 1px solid blue; margin: 20px;">
                 margin: 20px;(上、下、左、右各20px。)
             </div>
         </div>
         <div style="border: 1px solid red;">
             <div style="border: 1px solid blue; margin: 20px 40px;">
                 margin: 20px 40px;(上、下20px;左、右40px。)
             </div>
         </div>
         <div style="border: 1px solid red;">
             <div style="border: 1px solid blue; margin: 20px 40px 60px;">
                 margin: 20px 40px 60px;(上20px;左、右40px;下60px。)
             </div>
         </div>
         <div style="border: 1px solid red;">
             <div style="border: 1px solid blue; margin: 20px 40px 60px 80px;">
                 margin: 20px 40px 60px 80px;(上20px;右40px;下60px;左80px。)
             </div>
         </div>
<p>在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为<span style="color: #ff0000"><strong>上右下左</strong></span>(顺时针)。</p>
<p>margin标记可以带一个、二个、三个、四个参数,各有不同的含义。</p>

     </body>
 </html>

 

转载于:https://www.cnblogs.com/wangyuelang0526/archive/2012/06/18/2553422.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值