在網(wǎng)頁(yè)設(shè)計(jì)中，使用雙層框可以讓網(wǎng)頁(yè)更加美觀，同時(shí)實(shí)現(xiàn)不同樣式的組合。下面我們將介紹如何使用CSS來(lái)創(chuàng)建一個(gè)雙層框。

.outerBox {
border: 1px solid #ccc;
padding: 10px;
background-color: #f2f2f2;
}
.innerBox {
border: 1px solid #ccc;
padding: 10px;
background-color: #fff;
}

首先，我們定義了一個(gè)外層框的樣式，包括邊框、內(nèi)邊距和背景顏色。接下來(lái)，我們定義了一個(gè)內(nèi)層框的樣式，同樣包括邊框、內(nèi)邊距和背景顏色。

<div class="outerBox"><div class="innerBox">這是內(nèi)層框中的內(nèi)容
</div></div>

然后，我們將內(nèi)層框嵌套在外層框中，這樣就可以實(shí)現(xiàn)雙層框的效果了。如果需要增加內(nèi)容，只需要在內(nèi)層框中添加內(nèi)容即可。

以上就是使用CSS創(chuàng)建雙層框的方法。可以根據(jù)需要調(diào)整框的大小、顏色、內(nèi)邊距等樣式，實(shí)現(xiàn)多種不同的效果。