#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>
当然方法还有很多种，比如用满边框，再在上面叠加一个小一点的满边框就出来斜线了。
可以做一个animation，举一个例子，让一个元素在某一个范围之内，左距离和上距离同时改变。但是，弧线要让两个距离改变速度变化不一致，所以最好一个元素改变上方距离（可以是top也可是margin-top），里面嵌入一个元素改变左边距离。例如，假如你要让横轴均匀变化，纵轴不均匀变化，轨迹为⌒形，可以左变化为{from{margin-left:0px}to{margin-left:200px}}，运动方式设为linear，然后上下变化可以{from{margin-top:100px}50%{margin-top:0px}to{margin-top:100px}}，运动方式设为ease-in-out。由于时间仓促我没有具体实验过，而且表达可能不太清楚，请原谅。一般都是做一个正方形的斜线纹理图比如
（图一)背景纹理的的间距大小与你所做的背景图有关，假如图一为一个6px的正方形，作为背景平铺出来的的斜线纹理间距就是5px的距离，（图二）
为一个6px的正方形，作为背景平铺出来的斜线纹理间距就是就是2px的距离，这样背景斜线纹理间距的疏密程度就得到了很好的控制（ps:一般这些背景图做个4px~8px之间的一个正方形就行了，然后background:url(../images/adfa.gif) no-petear就行了！）谢谢采纳
