CSS 下邊框波浪線是一種獨(dú)特的設(shè)計(jì)風(fēng)格，能夠?yàn)槟愕木W(wǎng)頁(yè)增加一份活力和藝術(shù)感。

.box{
border-bottom: 3px solid rgb(161, 155, 155);
border-image: linear-gradient(to right, rgb(177, 220, 200) 0%, rgb(218, 235, 138) 51%, rgb(177, 220, 200) 100%);
border-image-slice: 1;
}

首先，我們?yōu)楹凶釉O(shè)置一個(gè) 3 像素寬的邊框，并且顏色為灰色。

接著，我們使用了 border-image 屬性來實(shí)現(xiàn)波浪線的效果。

其中，linear-gradient() 函數(shù)用來設(shè)置一個(gè)漸變色，從左到右呈現(xiàn)彩虹色的效果。

rgb() 是一種表示顏色的方法，可以根據(jù)需要自行更改。

最后，通過 border-image-slice 屬性將整個(gè)邊框分割成 1 份，使波浪線的效果得以呈現(xiàn)。

使用 CSS 下邊框波浪線可以為網(wǎng)頁(yè)增添藝術(shù)感，更加吸引人的眼球。