css image圆角 |淘宝加效果非得用css

img{
border-radius: 50%;
/*或者使用以下代码来同时指定不同的圆角大小*/
border-top-right-radius: 20px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 50%;
border-top-left-radius: 10%;
}

其中border-radius:50%可以将矩形的四个角变成圆角。当radius的值等于50%时，元素将变成一个圆形。如果只想将某一个角变成圆角，可以使用以下代码：

img{
border-top-left-radius: 10px;
}

这样，只有左上角的半径会被变为10px的圆角。

当然，除了img标签可以应用border-radius属性以外，其他几乎所有元素都可以使用它，如div、span等。这种技能也是每个Web前端开发工程师都需要掌握的基本技能之一。