邊框波浪線在網頁設計中是很常用的，可以讓網頁看起來更加美觀和有趣。下面我們介紹一下如何使用CSS來實現邊框波浪線。

/* CSS 代碼 */
.border-wave {
position: relative;
padding-bottom: 20px; /* 下方添加空白，讓波浪線露出來 */
}
.border-wave::before {
content: '';
position: absolute;
top: -20px;
left: 0;
right: 0;
height: 20px;
background: url('wave.svg') repeat-x; /* 背景為波浪形狀的SVG圖片 */
transform: rotate(180deg); /* 翻轉180度，讓波浪線上升 */
}

以上代碼中，我們首先創建一個相對定位的容器，賦予一個底部padding來制造下方留白。接著，在容器的偽元素:before中，設置寬度為100%、高度為20px、背景為波浪形狀的SVG圖片、翻轉180度。然后將這個偽元素向上移動20px，與容器底部的留白重疊在一起，這樣就實現了邊框波浪線。

使用邊框波浪線可以為網頁增加美觀，但也要避免過度使用，以免過于花哨影響網頁的可讀性和用戶體驗。