**本节书摘来自华章出版社《html5 2d游戏编程核心技术》一书中的第2章，第2.3节，作者［美］ 戴维·吉尔里，更多章节内容可以访问云栖社区“华章计算机”公众号查看。
**
2.3 使用css背景
html5游戏运行在web浏览器中，因此除了游戏运行的背景（例如snail bait游戏的砖红色背景）外，还需考虑网页的背景。
图2.17显示了snail bait游戏的网页背景，是使用css过渡绘制的。css背景不涉及图像的操作开销，并且css背景在水平和垂直方向上的无限重复很容易实现，这样无论窗口大小如何，背景看起来总是一样的。
图2.17 snail bait游戏的网页背景
图2.17所示网页背景的css代码列在了程序清单2.2中。它使用了重复的线性过渡，创造出菱形花纹的效果。这段代码拷贝自css3 patterns gallery网站，网站主页如图2.18所示。
图2.18 the css3 patterns gallery网站主页
程序清单2.2 snail bait游戏的背景css代码（摘自snailbait.css）
css3 patterns gallery通过让你自己选择复制css代码来创作网页上的显示背景。你需要做的仅仅是点击你想要的背景，随后复制css代码，并将它们放在你自己的css代码中就可以了。
图2.19 snail bait游戏的小图标