用50度角的线条制作背景div [关闭]

Question

我正在使用bootstrap，我需要实现一个带有倾斜线的背景到div或table。表示该元素已完成。像这个例子：Background

如何用CSS实现？

我不希望图像作为背景，因为我需要通过JQuery更改属性

Answer 1

试试这个。

.wrapper {
  color: white;
  background: repeating-linear-gradient( -45deg, #333, #333 10px, #fff 10px, #fff 20px);
  height: 200px;
  width: 200px;
}

<div class="wrapper"></div>