#book{
width:300pxheight:20pxborder-bottom:2px solid #000000
-webkit-transform: rotate(45deg)/*Safari 4+,Google Chrome 1+ */
-moz-transform: rotate(45deg)/*Firefox 3.5+*/
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45)
}
</style>
<div id="book">
</div>
当然方法还有很多种，比如用满边框，再在上面叠加一个小一点的满边框就出来斜线了。
css实现斜角原理：把border进行旋转：
border: 2px solid #FFF
-webkit-transform: rotate(204deg)
预览效果页面：
http://each.sinaapp.com/game/index.html
首先说明一点：目前为止任何利用css来实现不规则边框的方法都是具有很严重的浏览器兼容性的（幸运的是微信小程序是支持的，哈哈），如果你想研究，请搜 css3 clip-path polygon最兼容也是最简单的方法是直接用一张大图就解决了，最多就是切割一下，只要最终能够拼成一张大图即可。
