CSS 的邊框設計是網頁布局和排版中的重要一環，可以讓網頁元素更具有美觀性和可讀性。以下是一些常見的 CSS 邊框設計代碼。

/* 方框邊框，顏色為紅色，寬度為 3px */
border: 3px solid red;
/* 虛線邊框，顏色為藍色，寬度為 2px，間距為 5px */
border: 2px dashed blue;
border-spacing: 5px;
/* 圓角邊框，顏色為黑色，寬度為 1px，四個角半徑為 10px */
border: 1px solid black;
border-radius: 10px;
/* 陰影邊框，顏色為灰色，寬度為 5px，模糊度為 10px */
box-shadow: 0 0 10px 5px grey;
/* 雙重邊框，顏色為綠色和黃色，寬度為 3px 和 5px */
border: 5px solid yellow;
border-style: double;
border-color: green;
/* 漸變邊框，從橙色到紅色，寬度為 3px */
border: 3px solid;
border-image: linear-gradient(to bottom, orange, red) 1;
/* 圓形邊框，顏色為紫色，寬度為 5px */
border-radius: 50%;
border: 5px solid purple;

以上代碼演示了 CSS 的邊框設計在網頁布局和排版中的多樣性和美觀性，可以根據自己的需要選擇不同的代碼實現，來實現更加獨特的網頁設計。