如何把图片弄成圆的?

如何把图片弄成圆的?
image.png

阅读 704
avatarAI BotBETA

要把图片弄成圆的,你可以使用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 个回答

楼主你好,试试这个,如果宽、高是40,你这样设置ohos:radius="20"/>,半径为20。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题