CSS描邊在框外是一種方法，用于在CSS中為元素添加描邊效果。在CSS中，通常使用border來(lái)定義一個(gè)元素的邊框。但是，border只能在元素內(nèi)部定義邊框，因此CSS提供了另一種方法，即使用box-shadow屬性創(chuàng)建一個(gè)框外描邊效果。

/* css代碼 */
.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 0 0 0 5px #000;
}

在上面的CSS代碼中，我們使用box-shadow屬性來(lái)為元素添加框外描邊效果。box-shadow屬性是一個(gè)用于創(chuàng)建陰影的CSS3屬性。它可以在元素周圍創(chuàng)建一個(gè)陰影效果，而不改變?cè)卦瓉?lái)的大小和位置。

box-shadow屬性接受一組值，定義陰影的位置、模糊半徑、擴(kuò)散半徑和顏色。在上面的示例中，我們使用了以下值：

• 水平偏移量為0，垂直偏移量為0，即陰影位于元素下方，沒(méi)有偏移量。
• 模糊半徑為0，即陰影不模糊。
• 擴(kuò)散半徑為5px，即陰影擴(kuò)展到元素的外部5px。
• 陰影顏色為黑色。

使用box-shadow可以為元素添加不同的描邊效果，例如創(chuàng)建圓角描邊、多重描邊等。以下是一些示例：

/* 圓角描邊 */
.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 0 0 0 5px #000, 0 0 0 10px #fff;
border-radius: 10px;
}
/* 多重描邊 */
.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 
0 0 0 5px #000, 
0 0 0 10px #fff,
0 0 0 15px #000;
}

以上示例展示了如何在元素周圍創(chuàng)建出復(fù)雜的描邊效果，利用box-shadow屬性，我們可以輕松實(shí)現(xiàn)各種描邊樣式。