斜向条纹必须用 repeating-linear-gradient，它通过角度、颜色断点和 background-size 三者配合精准控制周期性图案；避免用多层 linear-gradient 拼接，以防错位、卡顿和断裂。
直接用 repeating-linear-gradient，别套多层 linear-gradient 拼斜线——后者容易错位、难调宽度、移动端卡顿。
斜向条纹必须用 repeating-linear-gradient
它专为周期性图案设计，角度 + 颜色断点 + background-size 三者配对就能出完整斜线，不用手动算四段渐变或勾股定理。常见错误是写成 linear-gradient(45deg, ...) 再靠 background-size 强行铺满，结果每块“贴片”内是斜的，但整体拼接后条纹断裂、粗细不均。
-
background-image: repeating-linear-gradient(45deg, #3498db, #3498db 2px, #ecf0f1 2px, #ecf0f1 4px)—— 定义一个 4px × 4px 的斜向单元 - 必须配
background-size: 4px 4px，否则浏览器会拉伸单元导致条纹变宽或模糊 - 角度用 45deg、-45deg、30deg 都行，但小尺寸按钮上建议加
image-rendering: pixelated抑制锯齿
表格单元格里加斜纹，background-clip 和 overflow 得盯紧
表格默认 border-collapse: collapse，单元格没有独立 padding 区域，条纹容易被边框截断或在 border-radius 处溢出。这不是颜色没设对，是绘制区域没约束。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 先设
background-clip: padding-box，让条纹只画在内边距区，不压边框 - 如果仍有底色透出，补
overflow: hidden强制裁切（注意：这会剪掉box-shadow或 hover 动画的溢出部分） - 更稳妥的做法：把条纹用
::before伪元素实现，position: absolute覆盖单元格，z-index: -1，本体只管文字和圆角
想叠在渐变底色上？两层 background 必须分开设 background-size
比如主背景是 linear-gradient(135deg, #6a11cb, #2575fc)，上面盖一层细白噪点条纹，不能只写一个 background-size。
- 正确写法：
background-image: linear-gradient(...), repeating-linear-gradient(...) - 对应尺寸必须成对：
background-size: 200% 200%, 2px 2px—— 第一层渐变撑满，第二层条纹保持像素级精度 - Safari 移动端对多层 background 解析慢，若表格带 hover 动画，建议拆到伪元素里单独控制条纹层
斜向条纹真正难的不是写出来，而是调准宽度节奏和适配表格的塌陷边框模型；repeating-linear-gradient 是唯一能兼顾可控性与兼容性的方案，其他路子要么要手调像素偏移，要么依赖 SVG 或 JS，得不偿失。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
