如何为背景部分创建CSS行

  • 本文关键字:创建 CSS 背景部 css
  • 更新时间 :
  • 英文 :


我想在我的网站上创建一个以这些竖线为背景的部分。如何使用CSS实现这一点?这是一个例子。

https://www.aanikabio.com/

非常感谢

您可以使用背景线

html {
min-height:100%;
background:
linear-gradient(blue,blue) calc(1*100%/8),
linear-gradient(blue,blue) calc(2*100%/8),
linear-gradient(blue,blue) calc(3*100%/8),
linear-gradient(blue,blue) calc(4*100%/8),
linear-gradient(blue,blue) calc(5*100%/8),
linear-gradient(blue,blue) calc(6*100%/8),
linear-gradient(blue,blue) calc(7*100%/8);
background-size:1px 100%;
background-repeat:no-repeat;
}
<html>
</html>

最新更新