既然你提到內襯紙：

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制作网格(如图纸网格)？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。