我设置了个人资料图片以显示“圆润”。为了达到这个目的，我将border-radius设置为50％。
当我尝试为该圆角图像添加边框时（例如border:1px black solid;），它不会遵循圆角图案，但只是在方形图像上添加边框。
如何添加圆形边框？
答案 0 :(得分：1)
使用CSS background-image属性将图像设置为div元素的背景图像。然后将border-radius应用于此。
不要忘记你的浏览器前缀！
答案 1 :(得分：0)
您只需要将border-radius应用于获取边框和圆角的同一元素。
@ben c.taylor：我不知道这是不是黑客攻击，但它至少适用于Chrome，只是经过测试。
答案 2 :(得分：-2)
图像也不支持border-radius，html5画布图像。 尝试使用背景图像的div。 例如：
＆LT; div style =“background-image：url（'profilpic.png'）; border-radius： 10px的; （等...）“＆GT;
它将具有border-radius