CSS邊框樣式和陰影可以幫助你更好地裝飾你的網站，讓你的元素更加吸引人的眼球。

/*設置邊框樣式*/
border-style: solid; /*邊框的實線樣式*/
border-style: dotted; /*邊框的點線樣式*/
border-style: dashed; /*邊框的虛線樣式*/
border-style: double; /*邊框的雙線樣式*/
border-style: groove; /*邊框的凹樣式*/
border-style: ridge; /*邊框的凸樣式*/
border-style: inset; /*邊框的內凹樣式*/
border-style: outset; /*邊框的外凸樣式*/

以實線邊框為例，代碼如下：

/*設置實線邊框*/
border-style: solid;
border-width: 2px; /*邊框寬度*/
border-color: #000000; /*邊框顏色*/

除了邊框樣式，你還可以在元素周圍添加陰影效果。

/*設置陰影*/
box-shadow: 10px 10px 5px grey; /*水平偏移量|垂直偏移量|模糊半徑|陰影顏色*/

以上代碼中，box-shadow屬性首先指定水平和垂直陰影偏移量，然后是模糊半徑，最后是陰影的顏色。

總之，使用CSS邊框樣式和陰影能夠讓你美化你的網站，從而吸引更多的訪問者。