操作方法 - 藥丸按鈕
學習如何使用 CSS 建立藥丸按鈕。
如何建立藥丸按鈕
步驟 1) 新增 HTML
示例
<button class="button">藥丸按鈕</button>
步驟 2) 新增 CSS
使用 border-radius 屬性為按鈕新增圓角。
示例
.button {
background-color: #ddd;
border: none;
color: black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 16px;
}
自己動手試一試 »
訪問我們的 CSS 按鈕教程，瞭解更多關於如何樣式化按鈕的資訊。
