css - 我可以在图像 CSS 上使用 border-radius 吗？

Question

我可以在 CSS 中的图像上使用 display:block; 和 border-radius 吗？这是否违反 CSS 原则？

Answer 1

是的，你可以。 :)

您可以轻松地为图像指定任意数字的 border-radius。
50% 或更多是圆形图像。您也可以使用 px。

---

例如:

您的 html 文档中某处有一张图片:

<img id="image" src="Your source">

在你的 css 文件中你可以简单地写:

#image {
    border-radius: 50px; <-- example number
}