CSS圆角样式border-radius

border-radius样式可以给任何元素设定圆角样式。
border-radius：10px当只有一个值的时候，值是给元素四个角都设置定圆角的值。
border-radius：10px 20px 当有两个值的时候，第一个值是设置左上,右下的值。第二个值是设置右上，左下的值。
border-radius：10px 20px 30px 当有三个值的时候，第一个值是设置左上的值，第二个值是设置右上和左下的值，第三个值是设置右下的值。
border-radius：10px 20px 30px 40px 当有四个值的时候，第一个值是设置左上的值，第二个值是设置右上的值，第三个值是设置右下的值，第二个值是设置左下的值。

也可以单独给元素每个角设置角度

border-top-left-radius:10px;左上
border-top-right-radius:10px;右上
border-bottom-right-radius:10px;右下
border-bottom-left-radius:10px;左下

元素圆形样式设定

border-radius:50%;

把border-radius的值设置为正方形元素的边长的一般就可以给正方形设置圆形样式