我的意思是復選圖示之外的綠色圓形邊框。目前，我在支票周圍有整個圓圈，但我真的很困惑如何在左上角引入那個小切口。
這是代碼：
<div v-if="verified" class="flex justify-center items-center border-3 border-green rounded-full">
<svg viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-3 h-3">
<path
d="m10.51 4.525-3.6 3.6-1.65-1.65a.636.636 0 0 0-.9.9l2.1 2.1a.636.636 0 0 0 .9 0l4.05-4.05a.636.636 0 0 0-.9-.9z"
fill="#fff"
/>
</svg>
</div>有 SVG，我正在使用 Tailwind，所以邊框類就在<div>. 非常感謝任何建議/幫助，謝謝！
uj5u.com熱心網友回復：
你可以這樣做：
#circle {
width: 200px;
height: 200px;
border-radius: 50%;
border: 5px solid green;
border-left: 5px solid white;
transform: rotate(45deg);
}<div id="circle"></div>如果你想隱藏其他部分，你只需要改變旋轉值。
uj5u.com熱心網友回復：
我添加了一個解決方案，我將如何使用順風對其進行編碼
https://play.tai??lwindcss.com/OLqtK5HSba
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/525392.html
標籤：htmlcss
上一篇：CSS用影像或svg替換文本