如何制作网格(如图纸网格)只需要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/