欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

怎么给html页面添加网格线,html – 如何使用css制作网格(如图纸网格)?

发布时间:2023/11/27 32 豆豆
生活随笔 收集整理的这篇文章主要介绍了 怎么给html页面添加网格线,html – 如何使用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/

总结

以上是生活随笔为你收集整理的怎么给html页面添加网格线,html – 如何使用css制作网格(如图纸网格)?的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。