CSS中的波浪線是一種常用的效果，在網頁設計中可以用來增加美觀度和視覺吸引力。 下面是樣式代碼的示例：

.wave-line {
position: relative;
height: 50px;
background-color: #efefef;
overflow: hidden;
}
.wave-line:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-image: linear-gradient(to right, #6dd5fa, #2980b9);
transform-origin: bottom center;
animation: wave 1s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
}
@keyframes wave {
0% {
transform: translate(-50%, 0) rotate(-45deg);
}
100% {
transform: translate(50%, 0) rotate(-45deg);
}
}

以上代碼展示了如何使用偽元素來創建波浪線。 在創建過程中，我們首先設置波浪線外部元素的高度和背景色。 接下來，使用:before偽元素來創建波浪線的樣式，其中漸變的顏色用linear-gradient屬性設置。 最后，使用動畫效果使波浪線不斷地移動。

如果想要進一步修改波浪線的樣式，可以通過修改:before偽元素的屬性來實現，如修改漸變屬性，添加陰影，或者修改動畫的緩沖函數等等。