CSS怎樣把按鈕邊角?
CSS有一個屬性
border-radius
,可以用來修改按鈕邊角的形狀。這個屬性有四個值,分別對應左上、右上、右下、左下四個角。它們可以分別設置不同的數值或者是一個相同的數值。
下面是一個例子:html <button class="rounded-button">按鈕</button>
css .rounded-button { border-radius: 10px; /* 所有邊角相同的情況 */ /* 或者分別設置不同的邊角大小 */ /* border-radius: 10px 20px 30px 40px; */ }使用
border-radius
屬性可以修改按鈕邊角的形狀,使頁面更加美觀。
【代碼】:<p>下面是一個例子:</p>
<pre><button class="rounded-button">按鈕</button>
.rounded-button {
border-radius: 10px; /* 所有邊角相同的情況 */
/* 或者分別設置不同的邊角大小 */
/* border-radius: 10px 20px 30px 40px; */
}
使用border-radius
屬性可以修改按鈕邊角的形狀,使頁面更加美觀。
下一篇css怎樣設置選擇框