CSS3圓角邊框

圓角: border-radius

  1. border-radius: 左上 右上 右下 左下
    border-radius: 10px 20px 30px 40px;的結果爲

    左上 右上 右下 左下

  2. 左上: border-top-left-radius: 10px; 等價於 border-radius: 10px 0 0 0;

    右上: border-top-right-radius: 10px; 等價於 border-radius: 0 10px 0 0;

    左下: border-bottom-left-radius: 10px; 等價於 border-radius: 0 0 0 10px;

    右下: border-bottom-right-radius: 10px; 等價於 border-radius: 0 0 10px 0;

  3. border-radius: 10px 40px 100px; 爲 左上 右上左下 右下

    border-radius: 10px 40px; 爲 左上右下 右上左下

    border-radius: 10px; 爲 四個圓角值相同