#刪除按鈕 CSS
HTML 中的刪除按鈕可以通過(guò)在按鈕上添加一個(gè) ID 屬性來(lái)實(shí)現(xiàn)。例如:
<button id="delete-button">刪除</button>
在 CSS 中,可以通過(guò)使用 `#delete-button` 來(lái)訪問(wèn)并樣式化刪除按鈕。下面是一些基本的 CSS 樣式:
## 1. 按鈕樣式
可以使用 `background-color` 屬性來(lái)設(shè)置按鈕的背景顏色,例如:
#delete-button {
background-color: #4CAF50;
還可以使用 `color` 屬性來(lái)設(shè)置按鈕的文本顏色,例如:
#delete-button {
color: #fff;
還可以使用 `text-align` 和 `padding` 屬性來(lái)設(shè)置按鈕的對(duì)齊方式和內(nèi)邊距,例如:
#delete-button {
text-align: center;
padding: 10px;
#delete-button {
border: 1px solid #ccc;
#delete-button {
background-color: #4CAF50;
color: #fff;
## 3. 按鈕效果
可以通過(guò)使用 `cursor` 屬性來(lái)設(shè)置按鈕的鼠標(biāo)指針樣式,例如:
#delete-button {
cursor: pointer;
還可以使用 `text-decoration` 屬性來(lái)設(shè)置按鈕的文本decoration,例如:
#delete-button {
text-decoration: underline;
通過(guò)上述樣式,我們可以創(chuàng)建一個(gè)美觀且易于操作的刪除按鈕。