在CSS中，我們可以通過偽類來實現(xiàn)框的效果。偽類是一種特殊的選擇器，它能夠選擇元素的特殊狀態(tài)，比如說hover狀態(tài)、active狀態(tài)等等。

.box {
border: 1px solid #ccc;
}
.box:hover {
border: 1px solid #333;
}

上面的代碼對一個名為“box”的元素設(shè)置了邊框，當(dāng)鼠標懸停在該元素上時，邊框顏色會變成深灰色。這就是通過:hover偽類實現(xiàn)的效果。

除了:hover之外，還有其他一些常見的偽類可以用來制作框的效果。

• :active：當(dāng)一個元素被激活時（比如說鼠標按下并松開），該元素會處于active狀態(tài)。
• :focus：當(dāng)一個元素被選中時，該元素會處于focus狀態(tài)（比如說文本框被選中）。
• :first-child：選擇某個元素的第一個子元素。
• :last-child：選擇某個元素的最后一個子元素。

.box {
border: 1px solid #ccc;
}
.box:first-child {
border-top: none;
}
.box:last-child {
border-bottom: none;
}

上面的代碼對一個名為“box”的元素的子元素設(shè)置了邊框，第一個子元素的頂部邊框會被去掉，最后一個子元素的底部邊框會被去掉。這就是通過:first-child和:last-child偽類實現(xiàn)的效果。

通過合理地運用偽類，我們可以制作出各種各樣的框的效果，使頁面更加美觀。