大家都知道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)容尺寸
