利用CSS3为body创建背景网格

2013-05-15 14:57:01 +08:00
 leohxj
代码如下:
body {
background: -webkit-linear-gradient(top, transparent 23px, green 24px),
-webkit-linear-gradient(left, transparent 23px, green 24px);
background-size: 24px 24px;
}
这里举例的是产生24px的网格。
我觉得可以用来排版,不知道有没有用。
3199 次点击
所在节点    分享创造
7 条回复
Sivan
2013-05-15 15:03:45 +08:00
这里也有一些 CSS3 做的背景图 http://lea.verou.me/css3patterns/

不过还是感觉「一只公鸡要下蛋,不是他的活他要干。」
underone
2013-05-15 15:15:28 +08:00
@Sivan 哈哈哈
nocoo
2013-05-15 15:36:31 +08:00
@Sivan 额...
leohxj
2013-05-15 15:59:23 +08:00
@Sivan 。。。。感谢分享
flashsoft
2013-05-26 16:42:15 +08:00
既然都CSS3了,还不如base64一张图呢
leohxj
2013-05-26 17:06:39 +08:00
@flashsoft 怎么用?
flashsoft
2013-05-27 11:22:07 +08:00
@leohxj http://css-tricks.com/using-svg/ SVG的例子,其实PNG等其他各种图片也是OK的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/68916

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX