<p>如果您已經使用了 CSS 圖標，您可能會發現這些圖標一般都是圓形的。不過，有些時候你可能需要將這些圓形的圖標變成方形的，這就涉及到 CSS 樣式的修改。</p> <p>首先，我們需要了解一下這些圓形圖標是如何被創建出來的。通常，這些圖標是使用 CSS 的 <span> 標簽來實現的。例如，下面就是一個典型的 CSS 圖標代碼：</p> <pre><code><span class="icon-heart"></span></code></pre> <p>這個代碼會在頁面上顯示一個心形圖標。但是，這個圖標是一個圓形，我們希望把它變成方形。那么，我們首先需要把這個圓形的圖標的 CSS 樣式進行修改。</p> <p>我們可以使用 CSS 的 border-radius 屬性來改變這個圓形圖標的形狀。通過設置這個屬性為 0，我們可以把原本的圓形圖標變成方形的：</p> <pre><code>.icon-heart { border-radius: 0; }</code></pre> <p>現在，我們已經成功地把這個圓形圖標變成了一個方形的圖標。</p> <p>如果你想要使用其他的形狀，你可以使用 border-radius 屬性的其他值，例如 50% 來創建一個圓形的圖標或者設置大于50%的值來創建橢圓形的圖標。</p> <p>綜上，通過簡單的 CSS 樣式修改，我們可以輕松地把圓形的 CSS 圖標轉化成方形、圓形、橢圓形等多種形狀，為網站的UI界面提供更靈活的選擇。</p>