如何為CSS div設置邊框

在CSS中，可以使用border屬性為div元素設置邊框，border屬性可以接收1-4個值，分別代表邊框的粗細、樣式和顏色。

以下代碼可以為div元素設置一個寬度為2像素、樣式為實線、顏色為黑色的邊框：

div {
  border: 2px solid black;
}

如果只想設置邊框的寬度和樣式，可以省略顏色值：

div {
  border: 2px dashed;
}

如果只想設置邊框的顏色，可以省略寬度和樣式：

div {
  border: red;
}

注意，如果邊框樣式為實線，則邊框寬度***少為1像素，否則無法看到邊框效果，邊框顏色可以是任何合法的CSS顏色值，包括十六進制顏色、RGB顏色或HSL顏色等。

除了border屬性外，還可以單獨設置border-width、border-style和border-color三個屬性，分別對應邊框的粗細、樣式和顏色，這三個屬性的用法與border屬性類似，但更加靈活，可以為div元素的四個邊分別設置不同的邊框粗細、樣式和顏色：

div {
  border-width: 2px 4px 6px 8px;
  border-style: solid dashed dotted double;
  border-color: red green blue cyan;
}

上述代碼分別為div元素的四個邊設置了不同的邊框粗細、樣式和顏色，其中border-width表示邊框的寬度，border-style表示邊框的樣式，border-color表示邊框的顏色。