css图片显示圆角 |css中t的table

.img-rounded {
border-radius: 50%;
}

以上代码将会将 image 标签的四个角全都变成圆形，效果如下：

如果你只想要圆角的一部分，那么你可以像下面这样添加两行代码：

.img-rounded {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

这样的代码将会使 image 的左上和右上两个角的半径变成了 10 像素，效果如下：