广告位联系
返回顶部
分享到

css的margin缩写方式

css 来源:互联网 作者:1讯站 发布时间:2018-04-06 19:08:49 人浏览
摘要

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。 在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为 上右下左 (顺时针)。

<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>  

     [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。 

在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为上右下左(顺时针)。

margin标记可以带一个、二个、三个、四个参数,各有不同的含义。


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计