HTML如何显示输出这种样式啊

这个波浪线是怎么做到上中下都有的啊，而且颜色是咋变得啊？明明其他的如下划线上划线都能直接变，但是波浪线就是变不了
来个人教教我吧，希望写个完整显示程序的代码给我康康🙏🏻

div {
width: 1000px;
height: 25px;
background:
linear-gradient(135deg, transparent, transparent 45%, #333, transparent 55%, transparent 100%),
linear-gradient(45deg, transparent, transparent 45%, #333, transparent 55%, transparent 100%);
background-size: 50px 50px;
background-repeat: repeat-x, repeat-x;
}