如何修改div的邊框樣式

在CSS中，我們可以使用border屬性來修改div的邊框樣式，border屬性是一個復(fù)合屬性，可以一次性設(shè)置邊框的粗細(xì)、樣式和顏色。

如果我們想要將一個div的邊框設(shè)置為2像素寬、實(shí)線樣式、紅色，我們可以這樣寫：

div {
  border: 2px solid red;
}

在border屬性中，粗細(xì)、樣式和顏色都可以根據(jù)需要自行調(diào)整，我們還可以使用border-radius屬性來設(shè)置邊框的圓角半徑，讓div的邊框更加美觀。

除了使用border屬性外，我們還可以使用box-shadow屬性來添加一些陰影效果，讓div的邊框更加突出，box-shadow屬性可以設(shè)置一個陰影效果，包括陰影的大小、模糊度和顏色。

我們可以這樣寫：

div {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

上面的代碼會給div添加一個5像素寬、5像素高、5像素模糊的黑色陰影效果，透明度為0.5，這樣可以讓div的邊框更加突出，增加一些視覺上的焦點(diǎn)。

CSS提供了很多強(qiáng)大的屬性來讓我們可以輕松地修改div的邊框樣式，包括使用border屬性、border-radius屬性和box-shadow屬性等，我們可以根據(jù)自己的需求來選擇使用哪些屬性來打造出更加美觀和實(shí)用的界面效果。