如何用CSS添加邊框？

在CSS中，可以使用border屬性來添加邊框。border屬性可以設置邊框的粗細、樣式和顏色，以下是一些示例：

1、設置邊框粗細：

div {
  border-width: 2px;
}

2、設置邊框樣式：

div {
  border-style: solid;
}

3、設置邊框顏色：

div {
  border-color: red;
}

4、設置邊框的圓角：

div {
  border-radius: 10px;
}

5、設置邊框的透明度：

div {
  border-opacity: 0.5;
}

這些屬性可以組合使用，以創(chuàng)建具有不同樣式和顏色的邊框，以下代碼將創(chuàng)建一個寬度為2像素、樣式為實線、顏色為紅色的邊框：

div {
  border: 2px solid red;
}

還可以將邊框?qū)傩詰糜趥卧兀?code>:before和:after，以在元素周圍添加裝飾性的邊框，以下是一個示例：

div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid red;
}

這將創(chuàng)建一個與元素大小相同的紅色邊框，位于元素的上方、下方、左側和右側，希望這些示例能幫助您使用CSS添加漂亮的邊框。