把border进行旋转：
border: 2px solid #FFF
-webkit-transform: rotate(204deg)
预览效果页面：
http://each.sinaapp.com/game/index.html
首先，用背景图片最简单；如果你非要是用div+css，我给你一个思路。
利用border的特性，border-left和border-bottom的颜色设置成白色，border-top和border-right设置成蓝色，这样视觉上得到你想要的效果。
你可以参考梦想天空的这篇文章：http://www.cnblogs.com/lhb25/archive/2013/02/19/css-triangle.html
不行 因为层的位置不同 用css做的飘动的图片 只能 在字的背面 而不能 覆盖字如果需要css的话 这个
body{background:url(图片地址) repeat}
图片是飘动的带球衣、雪花的透明图
这个代码生成的飘动的图片 遇到文字会被挡住
