把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代码：border-radius例如：border-radius:10px第二、四个圆角贴图；制作四个圆角的图片，然后用css定义
第三、直接制作整个矩形背景。总归而言，第一种方式最简单，只要一行代码。
