如何把图片弄成圆的?
要把图片弄成圆的,你可以使用CSS的border-radius
属性。以下是一个简单的示例,展示了如何将图片设置为圆形:
<img src="/img/bVdbTqX.png" alt="Image" class="rounded-circle">
<style>
.rounded-circle {
border-radius: 50%;
width: 100px; /* 设置图片宽度 */
height: 100px; /* 设置图片高度 */
object-fit: cover; /* 保持图片比例 */
}
</style>
在上面的代码中,我们为图片添加了一个rounded-circle
类。在CSS中,我们为这个类设置了border-radius: 50%;
,这将使图片变为圆形。同时,我们设置了图片的宽度和高度,并使用object-fit: cover;
来保持图片的原始比例。
请确保将/img/bVdbTqX.png
替换为你的图片路径,并根据需要调整宽度和高度。
1 回答839 阅读✓ 已解决
1 回答872 阅读
1 回答800 阅读
1 回答749 阅读
1 回答692 阅读
665 阅读
540 阅读
楼主你好,试试这个,如果宽、高是40,你这样设置ohos:radius="20"/>,半径为20。