利用CSS3为body创建背景网格

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

不过还是感觉「一只公鸡要下蛋,不是他的活他要干。」
underone
2013 年 5 月 15 日
@Sivan 哈哈哈
nocoo
2013 年 5 月 15 日
@Sivan 额...
leohxj
2013 年 5 月 15 日
@Sivan 。。。。感谢分享
flashsoft
2013 年 5 月 26 日
既然都CSS3了,还不如base64一张图呢
leohxj
2013 年 5 月 26 日
@flashsoft 怎么用?
flashsoft
2013 年 5 月 27 日
@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