小编Thé*_*oit的帖子

CSS 条纹，重复线性渐变错误

我在 CSS 中有一个条纹分隔线，带有重复的线性渐变，但它正在做一些奇怪的事情，这是一张图片：

正如你所看到的，一些条纹的粗细不一样，我想要这样的条纹分隔线，但都具有相同的“字体粗细”，我试图修复添加或减少像素的代码，但不工作

这是代码：

.striped_divider {
height: 20px;
    background: -webkit-repeating-linear-gradient(135deg,               transparent 2px, transparent 7px,#cccccc 8px,#cccccc 8px);
    background: -o-repeating-linear-gradient(135deg, transparent        2px, transparent 7px,#cccccc 8px,#cccccc 8px);
    background: repeating-linear-gradient(-45deg, transparent 2px,      transparent 7px,#cccccc 8px,#cccccc 8px);
}

Run Code Online (Sandbox Code Playgroud)