CSS制作投影邊框的方法

投影邊框是指在網頁中包含著一個有陰影效果的邊框，可以讓網頁更好的呈現3D視覺效果，讓網頁更加美觀。下面是實現這一效果的方法：

第一種方法：使用box-shadow屬性

.shadow {
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc;
padding: 10px;
}

其中，box-shadow屬性后面的值依次為：水平偏移量、垂直偏移量、模糊值、陰影大小、陰影顏色。

第二種方法：使用偽類before和after

.box {
border: 1px solid #ccc;
position: relative;
padding: 10px;
}
.box:before{
content: "";
position: absolute;
z-index: -1;
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
background-color: #ccc;
box-shadow: 0 0 5px #ccc;
}

在這種方法中，我們使用了:before偽類來創建一個覆蓋在border區域之下的投影邊框。