大家都知道border-radius使用來設(shè)置邊角的但是如何去設(shè)置呢，下面我會一一介紹

border-radius可以統(tǒng)一對他們來設(shè)置：

1.當(dāng)border-radius只有一個值時，如border-radius：20px;說明左上，右上，右下，左下四個方位都有偏移量

2.有兩個值時，如border-radius: 50% 50%；第一個值表示左上 右下? 第二個值表示右上 左下

3.三個值 第一個值表示左上，第二個值表示 右上和左下，第三個值表示右下

4.四個值 分別代表左上，右上，右下，左下

5.border-radius: 四個方向的x偏移/四個方向的y軸偏移border-radius: 20px 20px 20px 20px/10px 20px 20px 20px

也可以對他們單獨設(shè)置：

1.border-top-left-radius 設(shè)置左上角

2.border-top-right-radius 設(shè)置右上角

3.border-bottom-left-radius 設(shè)置左下角

4.border-bottom-right-radius 設(shè)置右下角

5.border-top-left-radius: x y; x代表左上角x軸偏移量，y代表左上角y軸的偏移量，可以設(shè)置像素以及百分比

怪異盒模型
content-box = 保持內(nèi)容尺寸，類似標(biāo)準(zhǔn)盒模型

border-box = 怪異盒模型 border與padding不會影響盒子的尺寸，但會影響內(nèi)容尺寸