css的盒子模型

科技小能手發表於2017-11-12
CSS模型

css的盒子模型

** 在進行佈局前需要把資料封裝到一塊一塊的區域內（div）

（1）邊框
    統一設定：
    border: 2px solid blue;

    分別設定：
    上 border-top
    下 border-bottom
    左 border-left
    右 border-right


（2）內邊距
    padding:20px;
    使用padding統一設定
    也可以分別設定
    上下左右四個內邊距


（3）外邊距
    margin: 20px;
    可以使用margin統一設定
    也可以分別設定
    上下左右四個外邊距



相關文章