Html 使用CSS创建重复的水平和垂直虚线

我试过几个例子，但在设置左边和上面的边距方面运气不佳

---

通常可以通过嵌套两个重复的线性渐变来创建此图案。有关使用渐变制作条纹的信息，请参见

你从左到右做一个渐变，然后从上到下做另一个渐变，最终的结果是一个网格，就像你的图像一样

div{
背景色：海绿；
宽度：500px；
高度：500px；
位置：相对位置；
}
div：：之后{
内容：''；
宽度：100%；
身高：100%；
位置：绝对位置；
排名：0；
左：0；
z指数：1；
背景：重复线性渐变（向右，透明，透明98px，白色100px，白色100px），重复线性渐变（向下，透明，透明98px，白色100px）；

---

谢谢你的回答。设置透明对我来说也很有效。但不幸的是，我上面没有几个HTML控件，它们需要可选。比如div和input box。之后它们看起来是只读的。基本上，我正在尝试创建一个类似“打印预览”的视图用户在打印后何时会看到分页符。我确信这是

z-index

的问题。在上面的示例中，z-index设置为1，这意味着它与div重叠。（默认情况下，对象的z-index为0。）您可以尝试在控件上设置相对位置，以便为控件提供2或更高的z索引（z索引仅影响定位的元素）。或者，如果div是透明的（与我的代码段不同，它有背景色），您可能只需将z-index更改为0或-1，并且在不更改其他任何z-index的情况下也能正常工作。太好了。在这种情况下，如果您的问题得到解决，请继续接受答案，让其他人知道。干杯！