CSS边框与边界

• （上右下左依次体现）à边框的同一属性名称可以同时使用多个属性值

  简化方案：border: 长度 形态 颜色

  例如 border:1px solid black;

  16.2 CSS中边界的使用

  padding属性介绍（对象挤压自身）

  属性名称            属性值            说明

  padding-bottom        长度/百分比        元件下端边线的空隙

  padding-left        长度/百分比        元件左端边线的空隙

  padding-right        长度/百分比        元件右端边线的空隙

  padding-top            长度/百分比        元件上端边线的空隙

  简易写法：padding:10px（四边界均为10px）

  padding:2px 4px（上下2px，左右4px）

  padding:2px 6px 10px（上2px，左右6px，下10px）

  padding:1px 2px 3px 4px（上右下左依次为1px 2px 3px 4px）

  margin 系列属性介绍（对象挤压外界）

  属性名称            属性值                说明

  margin-bottom        auto                 自动调整空隙

  长度/百分比            设置下端空隙

  margin-left          auto                自动调整空隙

  长度/百分比            设置左端空隙

  margin-right        auto                 自动调整空隙

  长度/百分比            设置右端空隙

  margin-top            auto               自动调整空隙

  长度/百分比            设置上端空隙

  简化方案：margin:2px 4px

  margin:2px 6px 10px

  margin:1px 2px 3px 4px

  常用网页顶格设置：margin:0;