我怎样才能使边框-底部“之字形”，但与框-阴影如下面的截图？
带之字形的div
正如你在截图上看到的那样--主背景是白色的，DIV的背景也是白色的。 我试过这样的方法（它不像我需要的那样工作）:
after {
background: linear-gradient(-45deg, rgba(221, 221, 221, 0.4) 15px, transparent 0), linear-gradient(45deg, rgba(221, 221, 221, 0.4) 15px, transparent 0);
background-position: left-bottom;
background-repeat: repeat-x;
background-size: 35px 35px;
content: " ";
display: block;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 32px;
}
如果您正在尝试这样做，您需要对背景图像使用SVG的概念，
参照:底部有锯齿形边框的集装箱只适用于边框
null
div {
width: 50%;
height: 280px;
border: 1px #ededed solid;
border-bottom: 0;
background-image: url('data:image/svg+xml;utf8, <svg viewBox="0 0 200 110" xmlns="http://www.w3.org/2000/svg"><path d="M -15 110 L100 10 L215 110" fill="none" stroke="%23ededed" stroke-width="4" vector-effect="non-scaling-stroke"/></svg>');
background-position: bottom left;
/* box-shadow: 0 8px 6px -6px black; */
background-size: 10% auto;
background-repeat: repeat-x;
}<div></div>