圓角
可以設(shè)置像素以及百分比达罗。
分開(kāi)寫法：
設(shè)置左上角： border-top-left-radius
設(shè)置右上角：border-top-right-radius
設(shè)置右下角：border-bottom-right-radius
設(shè)置左下角：border-bottom-left-radius
可以設(shè)置兩個(gè)值：
例如： border-top-left-radius: x y;
x代表左上角X軸偏移量低斋，y代表左上角Y軸偏移量。
復(fù)合寫法：border-radius
-
border-radius: 50%;一個(gè)值得情況愉择，表示左上角劫乱，右上角，右下角锥涕，左下角都是這個(gè)值衷戈； -
border-radius: 50% 50%;兩個(gè)值的情況，第一個(gè)表示左上角和右下角层坠，第二個(gè)值表示右上角和左下角殖妇； -
border-radius: 20px 50% 30px;三個(gè)值的情況，第一值表示左上角破花，第二個(gè)值表示右上角和左下角谦趣，第三個(gè)值表示右下角疲吸； -
border-radius: 20px 20px 30px 10px;四個(gè)值的情況，第一個(gè)值表示左上角前鹅，第二個(gè)值表示右上角摘悴，第三個(gè)值表示右下角，第四個(gè)值表示左下角舰绘。 -
border-radius: 20px 20px 30px 10px / 10px 20px 30px 10px;代表border-radius：四個(gè)方向的X軸偏移 / 四個(gè)方向的宇宙偏移量蹂喻；
怪異盒模型
box-sizing: content-box;
保持內(nèi)容尺寸，類似標(biāo)準(zhǔn)盒模型
box-sizing: border-box;
怪異盒模型除盏，border與padding不會(huì)影響盒子的尺寸叉橱，但會(huì)影響內(nèi)容尺寸
