[已解决]不同图片得到不同样式圆角。怎么变成同一形状的圆角？

blackantt

img {
border-radius: 30%;
}

最佳答案

月排行榜 / 总排行榜

害羞的新手

2023-5-10 12:01:57

你可以通过权重强弱，强行变更他的样式，或者使用！ important的来给所有的赋相同的值，也可以获取该元素的宽高通过js计算出要border-radius的值，然后赋值给该元素样式

跳转到最佳答案楼层

isdkz

如果你希望不同的图片都有相同的圆角形状，你可以将 border-radius 的值设置为一个具体的像素值而不是百分比。这样可以确保所有的图片都具有相同的圆角大小。

例如，如果你想让所有图片的圆角大小为20像素，你可以这样写：

img {
  border-radius: 20px;
}

这样，所有的图片都会有相同的圆角大小，而不管它们的尺寸如何。

sfqxx

要让不同图片得到相同形状的圆角，可以使用固定的border-radius值而不是百分比。将CSS中的border-radius属性更改为像素值，这将使得所有图片都具有相同形状的圆角。例如：

img {
  border-radius: 20px;
}

这将导致所有图像都具有相同大小的圆角，而不管它们的实际大小和形状如何。您可以根据需要调整border-radius值来获得所需的效果。
有用请设置最佳答案

blackantt

isdkz 发表于 2023-5-8 20:46
如果你希望不同的图片都有相同的圆角形状，你可以将 border-radius 的值设置为一个具体的像素值而不是百分 ...

20px成这样了！  还是不统一。  这个 圆角 可能跟其它标签 互作用了。  

sfqxx

blackantt 发表于 2023-5-8 20:52
20px成这样了！  还是不统一。  这个 圆角 可能跟其它标签 互作用了。

要使不同图片的圆角形状统一，可以将`border-radius`属性设置为固定的像素值。例如，可以将其设置为`50%`，这样就会显示出圆形边角,因为圆在宽高比相等时会呈现完美的圆形。

img {
  border-radius: 50%;
}

如果您希望边缘角度略微减小，则可以使用具有较小值的像素来代替`50％`。

歌者文明清理员

sfqxx 发表于 2023-5-8 21:23
要使不同图片的圆角形状统一，可以将`border-radius`属性设置为固定的像素值。例如，可以将其设置为`50%` ...

因为园在宽高比相等时会呈现完美的圆形。

人工智障

sfqxx

歌者文明清理员 发表于 2023-5-8 21:32
人工智障

az……

害羞的新手

你可以通过权重强弱，强行变更他的样式，或者使用！ important的来给所有的赋相同的值，也可以获取该元素的宽高通过js计算出要border-radius的值，然后赋值给该元素样式