css 图片圆角

作者：刀魂使者发布日期:2026-03-20 浏览:30

/* 通过 border-radius 属性设置图片圆角 */
img {
  border-radius: 10px; /* 设置圆角的半径为 10px */
}

/* 如果需要将图片变成圆形，可以将 border-radius 设置为 50% */
img.circle {
  border-radius: 50%; /* 将图片的四个角都变成弧形，形成圆形效果 */
}

解释说明：

border-radius 是 CSS 中用于设置元素圆角的属性。
border-radius: 10px; 表示将图片的四个角设置为半径为 10px 的圆角。
如果你希望图片呈现为圆形，可以使用 border-radius: 50%;，这样会使得图片的四个角都变成弧形，最终呈现出圆形的效果。

上一篇：css中display

下一篇：css input边框颜色