CSS 3是一種用來添加樣式的語言，其中包含了豐富的邊框?qū)傩钥梢詰?yīng)用于HTML的div元素。下面我們來看一下CSS 3的div邊框?qū)傩缘氖褂梅椒ā?/p>

div { 
border: 2px solid black; 
}

上面的代碼會將一個黑色邊框應(yīng)用于所有的div元素。這個邊框是2像素粗的實線，并且每個角落都是直角，這是因為我們沒有指定其他的邊框?qū)傩浴?/p>

我們可以使用其他的CSS 3邊框?qū)傩詠砀倪吙虻臉邮健＠纾覀兛梢允褂胋order-radius屬性來改變角落的形狀。

div { 
border: 2px solid black; 
border-radius: 10px; 
}

上面的代碼將邊框角落變成了圓角。我們可以使用border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius來控制各個角的形狀。

我們還可以使用box-shadow屬性來添加陰影效果。

div { 
border: 2px solid black; 
border-radius: 10px; 
box-shadow: 5px 5px 5px #888; 
}

上面的代碼將邊框添加了一個陰影效果，陰影的大小為5像素，顏色是灰色。我們可以使用inset關(guān)鍵字來改變陰影的內(nèi)側(cè)外側(cè)效果，還可以使用多個陰影來達到不同的效果。

通過使用CSS 3的豐富邊框?qū)傩裕覀兛梢暂p松地創(chuàng)建出各種不同樣式的邊框。加強HTML元素的視覺效果，從而更好地構(gòu)建網(wǎng)頁。