CSS中div添加邊框的三種方式

在CSS中，給div添加邊框有多種方式，以下是***常見的三種方式：

1、使用border屬性添加邊框

在CSS中，可以使用border屬性給div添加邊框，該屬性可以接收多個值，包括邊框的寬度、樣式和顏色，以下代碼將給div添加一個寬度為2px、樣式為solid、顏色為#000000的邊框：

div {
  border: 2px solid #000000;
}

2、使用border-width、border-style和border-color屬性添加邊框

除了使用border屬性外，還可以分別設(shè)置border-width、border-style和border-color屬性來添加邊框，以下代碼將給div添加一個寬度為2px、樣式為dashed、顏色為#ff0000的邊框：

div {
  border-width: 2px;
  border-style: dashed;
  border-color: #ff0000;
}

3、使用box-shadow屬性添加邊框

除了以上兩種方式外，還可以使用box-shadow屬性給div添加邊框，該屬性可以接收多個值，包括陰影的水平偏移量、垂直偏移量、模糊半徑和顏色，通過調(diào)整這些值，可以創(chuàng)建出不同樣式的邊框，以下代碼將給div添加一個寬度為5px、樣式為dashed、顏色為#00ff00的邊框：

div {
  box-shadow: 5px 5px 5px #00ff00;
}

是CSS中給div添加邊框的三種方式，可以根據(jù)具體需求選擇適合的方式。