HTML怎么設置圓角矩形按鈕？
HTML中經常需要添加各種按鈕，而圓角矩形按鈕是比較常見的一種形式。本文就著重介紹如何使用HTML+CSS來設置圓角矩形按鈕。
首先，我們需要一個基本的HTML結構：這里，我們使用了一個button標簽來作為按鈕，添加了一個class屬性，后面我們會使用這個屬性來進行樣式的定義。
接下來，我們使用CSS來添加樣式定義：
.btn {
border-radius: 4px;
border: 1px solid #ccc;
background-color: #fff;
color: #333;
font-size: 14px;
padding: 8px 16px;
}
這里，我們使用了border-radius屬性來設置圓角的半徑，這里使用了4px。border屬性用來設置按鈕的邊框樣式，這里我們設置了1px實線邊框，顏色為#ccc。background-color屬性用來設置按鈕的背景色，這里我們將它設置為白色。color屬性用來設置文字顏色，這里我們將它設置為黑色。font-size屬性用來設置文字大小，這里我們將它設置為14px。padding屬性用來設置按鈕內部文字與邊框的間距，這里我們將它設置為8px上下，16px左右。
添加CSS樣式后，我們可以看到一個漂亮的圓角矩形按鈕，非常適合在各種網頁中使用。
完整代碼如下：
下一篇c json序列化時間