html网格怎么制作,html – 如何使用css制作网格(如图纸网格)？

最新推荐文章于 2024-05-16 18:07:33 发布

Dee Jia

最新推荐文章于 2024-05-16 18:07:33 发布

阅读量300

点赞数

文章标签： html网格怎么制作

既然你提到内衬纸：

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, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),

-moz-linear-gradient(#eee .05em, transparent .05em);

background-image: -ms-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),

-ms-linear-gradient(#eee .05em, transparent .05em);

background-image: -o-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),

-o-linear-gradient(#eee .05em, transparent .05em);

background-image: linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),

linear-gradient(#eee .05em, transparent .05em);

-pie-background: linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px) 0 0 / 100% 1.2em,

linear-gradient(#eee .05em, 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/

关注