CSS 圆角效果：图片边框圆角实现

CSS 圆角效果

本示例演示了如何使用 CSS 的 border-radius 属性为图片添加圆角边框，使图片呈现柔和的圆角效果。

代码示例：

img {
    width: 200px;
    height: 250px;
    border: 10px solid black;
    border-radius: 10%;
}

说明：

• border-radius 属性用于设置元素的圆角半径。
• 百分比值表示以元素宽度或高度的百分比作为圆角半径。

注意：

• 确保图片路径正确，否则图片将无法显示。
• 可以调整 border-radius 的值以获得不同的圆角效果。
• 可以使用其他 CSS 属性来设置图片的样式，例如 width、height、border 等。