使锁子锁背景主题 [英] Make chainmail background theme

问题描述

我想这样写一个链锁邮件:

I'd like to make a chainmail like this:

我尝试过使用线性渐变，但似乎不起作用

I've tried using linear-gradient but it seems not to work

    background: linear-gradient(#0c0c0c, #222222)!important

我希望输出像imgur所示的图像一样.线性渐变会起作用吗?

I expect the output to be like on shown image from imgur. Will linear-gradient work?

推荐答案

您可以使用 radial-gradient

我使用了不同的颜色，所以我们可以更好地看到结果:

I used different colors so we can better see the result:

body {
  margin:0;
  height:100vh;
  background:
    radial-gradient(50% 100%,#000 35%,transparent 50%) 0   0  /10px 10px,
    radial-gradient(50% 100%,#000 35%,transparent 50%) 5px 5px/10px 10px,
    yellow;
}

您可以轻松地调整不同的值来控制大小:

You can easily adjust the different values to control the size:

body {
  margin:0;
  height:100vh;
  background:
    radial-gradient(50% 100%,#000 25%,transparent 50%) 0   0  /8px 8px,
    radial-gradient(50% 100%,#000 25%,transparent 50%) 4px 4px/8px 8px,
    yellow;
}

这篇关于使锁子锁背景主题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！