大家好，我想將這些圖示的外觀更改為圓形版本。
這是當前代碼：
<span>
<a href="/futbol" rel="noopener"><img src="/wp-content/uploads/2022/04/MX-flag.webp" alt="Mexico Flag Translation" width="50"></a>
</span> <span style="color:white">SP</span> <span style="color:white">|</span>
<span>
<a href="/" rel="noopener"><img src="/wp-content/uploads/2022/04/US-flag.jpeg" alt="English Flag Translation" width="50"></a>
</span> <span style="color:white">EN</span>
我試著自己做，但做不到。
uj5u.com熱心網友回復：
您需要border-radius: 50%;使用 css 添加影像。就像在 CSS/Style 標簽中一樣
img {
border-radius: 50%;
}
uj5u.com熱心網友回復：
為您的 img 標簽使用 CSSborder-radius: 50%標簽。
您可以在 html 中執行此操作：
<img style="border-radius: 50%" src...
或者在 CSS 檔案中使用：
img { border-radius: 50%; }
uj5u.com熱心網友回復：
使用css屬性border-radius作為：
img {
border-radius: 50%;
}
或者如果你想要行內 css ：
style="border-radius: 50%"
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/520402.html
標籤：html图标