css怎么设置图片圆角
时间: 2023-10-22 08:08:07 浏览: 201
css图片圆角
你可以使用 CSS 的 `border-radius` 属性来设置图片圆角。具体方法如下:
```
img {
border-radius: 50%; /* 将图片设置为圆形 */
/* 或者使用以下代码来设置任意圆角 */
border-radius: 10px; /* 设置所有四个角的圆角 */
border-top-left-radius: 10px; /* 设置左上角的圆角 */
border-top-right-radius: 10px; /* 设置右上角的圆角 */
border-bottom-left-radius: 10px; /* 设置左下角的圆角 */
border-bottom-right-radius: 10px; /* 设置右下角的圆角 */
}
```
其中,`border-radius` 属性值可以设置为百分比或像素值,表示圆角的大小。如果将 `border-radius` 设置为 50%,则可以将图片设置为圆形。如果需要设置不同的圆角大小,则可以使用 `border-top-left-radius`、`border-top-right-radius`、`border-bottom-left-radius` 和 `border-bottom-right-radius` 分别设置不同的角的圆角大小。
阅读全文