CSS边框与边界

时间:2023-02-28 15:58:20
  • (上右下左依次体现)à边框的同一属性名称可以同时使用多个属性值

    简化方案: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;