所有页面引导程序上的并行背景

时间:2019-05-12 09:48:39

标签: web

你好,我希望我的项目有这样的背景:

enter image description here

1 个答案:

答案 0 :(得分:0)

使用CSS linear-gradient() s可以轻松实现:

body {
  --gridColor: #eee;
  --gridSize: 10px;
  background-image:
    linear-gradient(to right, var(--gridColor) 10%, transparent 10%),
    linear-gradient(to bottom, var(--gridColor) 10%, transparent 10%);
  background-size: var(--gridSize) var(--gridSize);
}

有关详细设计,另请参阅Lea Verou's CSS patterns