摘要：.box1 {    width: 200px;    height: 200px;    background-color: lightblue;    padding-top: 20px;    padding-right: 30px; 

.box1 {
    width: 200px;
    height: 200px;
    background-color: lightblue;

    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 50px;

    /* 可以簡寫:按順時針 */
    padding: 20px 30px 40px 50px;

    /* 如果左右相等30,而上下不相等20,40,可以這樣簡寫 */
    padding: 20px 30px 40px;

    /* 如果上下也相等40 */
    padding: 40px 30px;

    /* 大家可注意到規(guī)律了,不論是二個,還是三個參數(shù),第二個總表示左右內(nèi)邊距 */

    /* 如果四個方向全部相等,例如20 */
    padding: 20px;

    /* 邊框與內(nèi)邊距相比, 不是透明的是可見的,除了寬度,還可設(shè)置線條樣式和顏色 */
    /* 上邊框 */
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: red;

    /* 右邊框 */
    border-right-width: 10px;
    border-right-style: dashed;
    border-right-color: green;

     /* 下邊框 */
     border-bottom-width: 10px;
     border-bottom-style: dotted;
     border-bottom-color: blue;

      /* 左邊框 */
      border-left-width: 10px;
      border-left-style: double;
      border-left-color: black;

      /* 以上樣式與可以簡寫 */
      border-top: 10px solid red;
      border-right: 10px dashed green;
      border-bottom: 10px dotted blue;
      border-left: 10px double black;

      /* 如何每個方向的邊框?qū)挾?樣式與顏色是一樣的,還可以進(jìn)一步簡寫 */
      border: 10px solid red;

    /* margin有很多特殊的規(guī)則,后面單獨(dú)討論 */
}

.box2 {
   
    height: inherit;
    background-color: wheat;
}

批改老師：韋小寶批改時間：2019-01-21 16:32:51
老師總結(jié)：下次記得要寫完整 不然這樣沒法幫你檢查啊