CSS邊框是網頁中常見的功能，用來為元素添加一些裝飾性的線框，能夠讓網頁看起來更有層次感和美感。下面我們就來介紹幾種效果好看的CSS邊框。

.box1 {
border: 2px solid #666;
border-radius: 10px;
}

上述代碼為元素添加了2像素寬度的實線框，顏色為#666，同時還添加了10像素的圓角邊框，效果很明顯可愛。

.box2 {
border: 4px dotted #f90;
border-radius: 50%;
padding: 20px;
text-align: center;
}

上述代碼為元素添加了4像素寬度的點線框，顏色為#f90，同時還加入了50%的圓形邊框，內容區域還有20像素的內邊距，整體居中對齊的效果十分優美。

.box3 {
border: 5px double #09f;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
transform: rotate(20deg);
}

上述代碼為元素添加了5像素寬度的雙線框，顏色為#09f，同時還加入了陰影和旋轉效果，整體看上去非常炫酷。

通過對CSS邊框的常見效果進行學習和了解，我們可以做出豐富多彩的裝飾效果，增加網頁的美感和藝術氛圍，讓用戶更加愉悅和舒適的使用網頁。