zoukankan      html  css  js  c++  java
  • 解说css中的margin属性缩写方式

    <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标记可以带一个、二个、三个、四个参数,各有不同的含义 http://www.100sucai.com</p>
    </body>
    </html>
    

      

  • 相关阅读:
    谷歌三架马车之 The Google File System 中文版
    数据集市 Data Mart
    VMware虚拟机ubuntu下安装VMware Tools步骤
    NOIP普及组 海港 题解
    HXD的DS
    离散化
    哈希表
    状态压缩DP 初探
    《信息学奥赛一本通》大盗阿福 题解
    NOIP 加工零件 题解
  • 原文地址:https://www.cnblogs.com/good10000/p/4517162.html
Copyright © 2011-2022 走看看