在Web设计中，常常需要用到波浪底纹来增强页面的装饰效果。在CSS中实现波浪底纹其实并不难，下面介绍一种简单的实现方法。

.wave {
position: relative;
width: 100%;
height: 150px; /* 调整高度 */
background-color: #fff; /* 背景颜色 */
}
.wave::before,
.wave::after {
content: "";
position: absolute;
width: 100%;
height: 80px; /* 调整波浪峰高度 */
bottom: 0;
background-repeat: repeat-x;
background-position: 0 bottom;
}
.wave::before {
background-image: radial-gradient(circle at center, transparent 20px, #000 20px);
background-size: 40px 40px; /* 调整波浪周期 */
z-index: 1;
}
.wave::after {
background-image: radial-gradient(circle at center, #000 20px, transparent 20px);
background-size: 40px 40px;
}

首先，我们需要创建一个容器