本文目錄導(dǎo)讀：

1. 使用border屬性
2. 使用outline屬性
3. 使用box-shadow屬性

如何設(shè)置CSS按鈕邊界

CSS按鈕邊界的設(shè)置可以通過多種方法實(shí)現(xiàn)，以下是一些常見的方法：

使用border屬性

border屬性是CSS中用于設(shè)置元素邊界的屬性，可以通過該屬性來設(shè)置按鈕的邊界，以下代碼將設(shè)置一個(gè)寬度為2px、顏色為黑色的按鈕邊界：

button {
  border: 2px solid black;
}

使用outline屬性

outline屬性用于設(shè)置元素的輪廓線，也可以用來設(shè)置按鈕的邊界，與border屬性相比，outline屬性的優(yōu)勢在于它不會(huì)增加元素的大小，只會(huì)改變?cè)氐耐庥^，以下代碼將設(shè)置一個(gè)寬度為2px、顏色為黑色的按鈕輪廓線：

button {
  outline: 2px solid black;
}

使用box-shadow屬性

box-shadow屬性用于設(shè)置元素的陰影效果，也可以用來設(shè)置按鈕的邊界，通過該屬性，可以設(shè)置一個(gè)寬度為2px、顏色為黑色的按鈕邊界，并且還可以添加一些陰影效果：

button {
  box-shadow: 0 0 0 2px black;
}