如何通过css实现以下图形

Question

在不使用单个图像的情况下开发网站,我自己就是一个挑战.我主要使用图标字体,但对于这个粒子图形,我认为我可以使用div或其他元素,而不是通过CSS设置它,例如给边框或者其他东西......但我发现它并不像我那么容易以为我无法实现它.

以下是我需要获得的最终结果:

我对斜线感兴趣,忽略背景.有没有办法在html或css的帮助下复制这些行？

Answer 1

你可以用css做你想要的 background-image: repeating-linear-gradient()

Lea Verou有一个很棒的画廊:http://lea.verou.me/css3patterns/

您可以修改对角条纹图案并获得所需内容.