如何仅将边框半径应用于面部？ [复制]

【问题标题】：how to apply border radius to the face only? [duplicate]如何仅将边框半径应用于面部？ [复制]
【发布时间】：2021-07-03 18:32:08
【问题描述】：

您好，我有一些图像需要应用边框半径（使图像变成圆形），但我只想做脸部。那么如何仅将边框半径应用于面部或仅图像的顶部？客户不希望展示过多的身体。

之前

之后

【问题讨论】：

边界半径：0 0 100px 100px ?
谢谢，但它不能弯曲底角
边界半径：50%;
如果我这样做表明全身顾客只想要头部

标签： html css border-radius

【解决方案1】：

您最好的选择是在您喜欢的照片编辑器中裁剪照片。

如果您必须使用代码进行操作，则需要更改图像在其容器中的位置，或者简单地将其用作background-image 并更改其background-position：

.img {
  width: 300px;
  height: 300px;
  background-image: url(https://i.stack.imgur.com/tiCHu.png);
  background-position: center top;
  border-radius: 50%;
  
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2)
}

&lt;div class="img"&gt;&lt;/div&gt;

【讨论】：