CSS盒子加框的方法

在CSS中，我們可以使用border屬性為盒子添加邊框。border屬性可以設(shè)置邊框的粗細(xì)、樣式和顏色，以下是一個(gè)簡(jiǎn)單的例子：

div {
  border: 1px solid #000;
}

上述代碼會(huì)給一個(gè)div元素添加一個(gè)寬度為1像素、樣式為實(shí)線、顏色為黑色的邊框。

如果你想要更詳細(xì)地控制邊框的樣式，可以使用border-style、border-width和border-color這三個(gè)子屬性。

div {
  border-style: dashed; /* 設(shè)置邊框樣式為虛線 */
  border-width: 2px; /* 設(shè)置邊框?qū)挾葹?像素 */
  border-color: #f00; /* 設(shè)置邊框顏色為紅色 */
}

上述代碼會(huì)給一個(gè)div元素添加一個(gè)寬度為2像素、樣式為虛線、顏色為紅色的邊框。

CSS還提供了box-shadow屬性，可以為盒子添加陰影效果，這也可以被視為一種“加框”的方式。

div {
  box-shadow: 5px 5px 5px #000; /* 添加陰影效果 */
}

上述代碼會(huì)給一個(gè)div元素添加一個(gè)水平偏移5像素、垂直偏移5像素、模糊距離5像素、顏色為黑色的陰影效果。

CSS提供了多種“加框”的方式，你可以根據(jù)自己的需求選擇適合的方法。