在網頁設計當中，常常需要使用一些特殊的圖形來裝飾頁面。其中，波浪形的圖形是一種常見的選擇，可以起到美化頁面的作用。在CSS中，我們可以通過以下代碼來實現波浪形圖形：

.wave {
position: relative;
height: 200px;
width: 100%;
background-color: #fff;
}
.wave:before {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 200%;
height: 300px;
top: -200px;
left: -50%;
z-index: -1;
}
.wave:after {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 200%;
height: 300px;
bottom: -200px;
left: -50%;
z-index: -1;
}
.wave:before {
background-color: #f6f7f8;
}
.wave:after {
background-color: #d3d3d3;
}

上面的代碼中，我們使用了:before和:after偽類來實現波浪形圖形。其中，:before代表波浪形的上半部分，:after代表波浪形的下半部分。通過border-radius屬性，我們將圖形的左側和右側圓弧化，從而形成波浪形的效果。

在實際應用當中，我們可以將波浪形圖形應用于頁面的頭部或者底部，起到增強頁面整體感覺的作用。同時，在不同的背景顏色下，我們也可以通過調整波浪形的顏色來實現更好的視覺效果。