html – 如何使用css制作网格(如图纸网格)?

前端之家收集整理的这篇文章主要介绍了html – 如何使用css制作网格(如图纸网格)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何制作网格(如图纸网格)只需要css?
我只想用一个只使用CSS的虚拟网格纸。
先谢谢您的帮助。

解决方法

既然你提到内衬纸:
background-color: #fff;
background-size: 100% 1.2em;
background-image: -webkit-linear-gradient(0deg,transparent 79px,#abced4 79px,#abced4 81px,transparent 81px),-webkit-linear-gradient(#eee .05em,transparent .05em);
background-image: -moz-linear-gradient(0deg,-moz-linear-gradient(#eee .05em,transparent .05em);
background-image: -ms-linear-gradient(0deg,-ms-linear-gradient(#eee .05em,transparent .05em);
background-image: -o-linear-gradient(0deg,-o-linear-gradient(#eee .05em,transparent .05em);
background-image: linear-gradient(0deg,linear-gradient(#eee .05em,transparent .05em);
-pie-background: linear-gradient(0deg,transparent 81px) 0 0 / 100% 1.2em,transparent .05em) 0 0 / 100% 1.2em #fff;
behavior: url(/PIE.htc);

最后一行:behavior:url(/PIE.htc);是一个名为css3pie的插件,它增加了对于ie 6-9的支持。实际上这个例子是从他们的网站上获得的,有更多有趣的例子:http://css3pie.com/demos/gradient-patterns/

原文链接:https://www.f2er.com/html/232666.html

猜你在找的HTML相关文章