在CSS中，邊框是非常常見的樣式，但是很多人可能只會用簡單的邊框樣式。實際上，CSS還支持一些有特色的邊框樣式，讓網頁的邊框更加生動有趣。

/* 嵌套邊框 */
border: 3px solid black;
padding: 10px;
border-radius: 10px;
box-shadow: 0 0 0 3px red;
/* 單邊框 */
border-left: 5px dotted green;
/* 圓角邊框 */
border-radius: 30px;
/* 不對稱邊框 */
border-top: 5px solid red;
border-bottom: 10px dashed blue;
border-left: 3px ridge green;
border-right: 7px double orange;
/* 彩虹邊框 */
border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet) 10;
/* 上下左右邊框 */
border-top: 5px solid green;
border-bottom: 10px dashed blue;
border-left: 3px ridge red;
border-right: 7px double orange;
/* 帶角度的邊框 */
transform: rotate(45deg);
border: 3px dotted red;
padding: 20px;

這些邊框樣式都使用CSS的border屬性來定義。例如，可以使用border-radius來定義邊框圓角的弧度，使得邊框更加柔和。也可以使用border-image來定義一個邊框的圖片，如彩虹邊框樣式。

有趣的邊框樣式，可以讓網頁更生動有趣，而且并不需要太多的代碼。在平凡的設計里添加一些創意的邊框，便可以使得網站更出色。