[分享]css只给一个角圆角

CSS可以使用borderradius属性来给一个元素的边角添加圆角。通常的使用方法是将borderradius设置为一个相等的数值： borderradius: 10px; 这将会给元素的四个角添加...

CSS可以使用border-radius属性来给一个元素的边角添加圆角。通常的使用方法是将border-radius设置为一个相等的数值：

 border-radius: 10px; 

这将会给元素的四个角添加一个10像素的圆角。但是如果我们只需要一个元素的某个角添加圆角怎么办呢？

使用border-radius属性，我们可以将其设置为4个值的组合，分别代表左上角，右上角，右下角，左下角。例如，

 border-radius: 10px 0 0 0; 

这将会仅给元素的左上角添加10像素的圆角，而其他3个角则不会。

同样地，如果我们需要给元素的右下角添加圆角，我们可以这样写:

 border-radius: 0 0 10px 0; 

这将会仅给元素的右下角添加10像素的圆角。

这种方法可以帮助我们为元素设置不同的圆角效果，从而使页面看起来更加优美和富有感觉。