网站设计中会用到的使用css来制作锯齿状分割线

与标准水平分隔相比，使用svg形状分隔两个不同的块以创建更有趣的视觉外观。
<div class="shape-separator"></div>
.shape-separator {
position: relative;
height: 48px;
}
.shape-separator::after {
content: '';
background-image: url(data:image/svg+xml;base64,phn2zyb2awv3qm94psiwidagmjqgmjqiihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigzmlsbc1ydwxlpsjldmvub2rkiibjbglwlxj1bgu9imv2zw5vzgqiihn0cm9rzs1saw5lam9pbj0icm91bmqiihn0cm9rzs1taxrlcmxpbwl0psixljqxnci+phbhdgggzd0itteyideybdeyideysdbsmtitmtj6iibmawxspsijzmzmii8+pc9zdmc+);
position: absolute;
width: 100%;
height: 24px;
bottom: 0;
}