要制作波浪状边框效果，可以使用 CSS 的 border-image 属性和 SVG 图像来实现。
具体步骤如下：
首先，要创建一个 SVG 图像，用于表示波浪形状。在 SVG 中，可以使用 <path> 元素来绘制波浪形状的路径。例如：
<svg width="100%" height="100%" viewBox="0 0 1200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 100 Q 150 150 300 100 Q 450 50 600 100 Q 750 150 900 100 Q 1050 50 1200 100 L 1200 200 L 0 200 Z" />
</svg>上面的 SVG 图像中，使用了一个 path 元素来绘制了一个波浪形状的路径，其中 d 属性表示路径的具体绘制方式。
将 SVG 图像转换为 base64 编码的字符串。可以使用在线工具将 SVG 转换为 base64 编码的字符串。例如，使用 https://www.base64encode.org/ 工具，将上面的 SVG 图像转换为 base64 编码的字符串为：
PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTEyMCAyMDAiIHdpZHRoPSIxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmc+iDwvc3ZnPg==使用 border-image 属性将波浪形状的 SVG 图像作为边框图像，设置边框的宽度、样式和颜色。例如：
.wave-border {
border-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTEyMCAyMDAiIHdpZHRoPSIxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmc+iDwvc3ZnPg==) 30 repeat;
border-width: 30px;
border-style: solid;
border-color: #ccc;
}上面的 CSS 代码中，使用了 border-image 属性将 SVG 图像作为边框图像，设置了边框宽度为 30 像素，样式为实线，颜色为 #ccc。
在 border-image 属性中，可以设置第一个参数为 SVG 图像的 base64 编码字符串，第二个参数为边框图像的宽度，第三个参数为边框图像的重复方式。
至此，使用 CSS 制作波浪状边框效果的方法就介绍完毕了。