CSS是一種用于網站樣式設計的語言，它可以通過一些簡單的代碼實現一些很好玩的效果。比如，通過CSS，我們可以很容易地繪制出一條漂亮的波浪線來。

.vague {
position: relative;
height: 10px;
overflow: hidden;
background-color: #fff;
}
.vague:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 200%;
height: 10px;
background-repeat: repeat;
background-position: 0 0;
background-size: 50% 100%;
transform: skew(-20deg);
background-color: blue;
animation: wave 1s linear infinite;
}
@keyframes wave {
0% {
background-position: 0 0;
}
100% {
background-position: -100% 0;
}
}

代碼很簡單，我們只需要在一個 div 元素上設置 CSS 樣式即可。我們首先創建了一個 .vague 的類，然后將 div 的高度設置為10px，并設置 overflow 屬性為 hidden，這樣就可以隱藏波浪線超出的部分。接著，我們在 div 元素的偽元素上應用了一些 CSS 樣式，如 left、bottom、width、height、background-repeat、background-position、background-size、transform、background-color。這些屬性可以讓我們創建出漂亮的波浪線效果。

最后，我們通過設置 @keyframes 實現了波浪線的動畫效果，這里我們設置了 wave 動畫將波浪線向左平移 -100%。

這就是通過 CSS 繪制波浪線的方法，相信你已經學會了。你可以在你的網站頁面上應用這樣的效果，讓你的網站更加生動有趣。