邊框是網頁美化的必要組成部分，通過巧妙的設計，可以使頁面更加美觀和有吸引力。CSS提供的邊框樣式非常豐富，本文將展示幾種好看的邊框設計。

/* 方框邊框 */
border: 2px solid #ccc;
border-radius: 10px;
/* 圓形邊框 */
border: 2px solid #f90;
border-radius: 50%;
/* 漸變邊框 */
border: 2px solid;
border-image: linear-gradient(to right top, #f44336, #9c27b0);
border-image-slice: 1;
/* 陰影邊框 */
box-shadow: 0 0 10px #ccc;
border: 2px solid #fff;

以上四種邊框都非常實用，可以根據需求選擇其中一種或者組合使用。

方框邊框是最基本的設計，通過border-width控制邊框寬度，通過border-color控制邊框顏色。同時，可以通過border-radius設置圓角的大小，讓邊框更加圓潤。

圓形邊框是一種非常特別的邊框設計，通過border-radius設置50%可以輕松創建一個圓形邊框，非常適用于頭像等圖片邊框的設計。

漸變邊框則更加復雜一些，需要使用border-image屬性，通過漸變顏色線性漸變來達到半透明的效果，非常適用于標題等重點標注的地方。

陰影邊框則是一種非常實用的設計，通過box-shadow設置邊框陰影的大小、顏色和圓角大小，可以讓邊框看上去更加立體，非常適用于按鈕等需要突顯的組件。

通過以上的邊框設計，可以讓網頁看上去更加美觀和復雜，達到更好的閱讀體驗。