如何為按鈕添加CSS邊框

在CSS中，我們可以使用border屬性為按鈕添加邊框，border屬性允許你設(shè)置邊框的粗細(xì)、樣式和顏色，下面是一個(gè)基本的例子，展示如何為按鈕添加邊框：

HTML代碼：

<button id="myButton">點(diǎn)擊我</button>

CSS代碼：

#myButton {
  border: 1px solid #000; /* 1像素寬，樣式為實(shí)線，顏色為黑色 */
}

在這個(gè)例子中，我們?yōu)镮D為“myButton”的按鈕添加了一個(gè)1像素寬的黑色實(shí)線邊框，你可以根據(jù)需要調(diào)整邊框的粗細(xì)、樣式和顏色，如果你想要一個(gè)3像素寬的紅色虛線邊框，你可以這樣寫：

#myButton {
  border: 3px dashed #f00; /* 3像素寬，樣式為虛線，顏色為紅色 */
}

除了使用border屬性，你還可以使用outline屬性來(lái)添加輪廓邊框，outline屬性與border屬性類似，但它不會(huì)增加額外的寬度，而是緊貼著元素內(nèi)容繪制邊框，下面是一個(gè)使用outline屬性的例子：

#myButton {
  outline: 2px solid #000; /* 2像素寬，樣式為實(shí)線，顏色為黑色 */
}

在這個(gè)例子中，我們?yōu)榘粹o添加了一個(gè)2像素寬的黑色實(shí)線輪廓邊框，你可以根據(jù)需要調(diào)整輪廓邊框的粗細(xì)和顏色。