border-radius是css3新增的屬性
單值法：
例：border-radius:50px
設(shè)置盒子四個(gè)角的圓角大小
雙值法：
例：border-radius:50px 100px
50px代表左上角、右下角，100px代表右上角来氧、左下角
例：border-radius:?100px?/?50px;
表示4個(gè)角的top或bottom值都是100px?left或right的值都是50px?
三值法：
例：border-radius:50px? 80px 100px
50px代表左上角饲宿，80px代表右上角和左下角腹尖，100px代表右下角
四值法：
例：border-radius:50px 60px 70px 80px;
分別代表左上糊渊、右上爷耀、右下申屹、左下四個(gè)角蛮放，順時(shí)針排列
四個(gè)值分開設(shè)置：
border-top-left-radius:?10px 20px;
border-top-right-radius:?40px 40px;
border-bottom-right-radius:?70px 60px;
border-bottom-left-radius:?100px 100px;?
每個(gè)方向的角有兩個(gè)取值缩抡，拿第一行左上方向來說：
10px表示左上角空白位置top方向的寬度，20px表示左上角空白位置left方向的寬度
