gpt4 book ai didi

css - 如何使用css将svg放置在带有背景的圆圈内?

转载 作者:行者123 更新时间:2023-12-04 13:01:58 26 4
gpt4 key购买 nike

我有一个 svg,我希望它在一个圆圈内。基本上是一个带有圆形绿色背景的检查 svg。像图像中的东西。

enter image description here

我试过什么?

<Svgcheck className="fill_check" width="28" height="28"/>

.fill_check {
fill: white;
}

谁能告诉我怎么做。谢谢

最佳答案

这是一个例子。

那是你要的吗?

(我很抱歉使用 img-tag 但您没有提供 svg)

#svg {
background-color: green;
width: 25px;
height: 25px;
border: 5px solid green;
}

.circle {
border-radius: 100%;
}
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/White_check.svg/2000px-White_check.svg.png" id="svg" class="circle" />


要使背景(在复选标记后面)为绿色,您只需在元素上放置一个绿色背景。
要使绿色超出复选标记的边缘,您必须放置与背景颜色相同的边框

关于css - 如何使用css将svg放置在带有背景的圆圈内?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54685972/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com