<style>
#book{width:300pxheight:20pxborder-bottom:1px 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>
另外一种需要使用canvas标签，通过js实现：先画一块画板，再通过两点定位直接在画板上画线。代码如下：
<canvas id="myline" style="width:500pxheight:500px">
</canvas>
<script>
var c=document.getElementById("myline")
var ctx=c.getContext("2d")
ctx.beginPath()
ctx.moveTo(0,0)
ctx.lineTo(300,150)
ctx.stroke()
</script>
代码已经测试，兼容主流浏览器：
<style>.line{
width:100pxheight:25pxborder-bottom:1px solid #333
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45)/*IE*/
-moz-transform: rotate(45deg)/*Firefox*/
-webkit-transform: rotate(45deg)/*Safari,Chrome*/
}
</style>
<div class="line"></div>
路径的问题啊。/template/images/style.css，这个就是你要调用的css文件的路径。
最前面加了一个反斜杠，表示是从网站根目录开始，即调用网站根目录下的template目录下的images目录下的style.css文件
给你举个例子：
网站根目录下有a,b,c三个文件夹
我现在有个网页在a这个文件夹下，有个style.css文件在c这个文件夹下
a文件夹下的网页中有句调用css的代码<link href="c/style.css" />
这时候你打开a文件夹下的这个网页，你会发现样式没加载成功。为什么？就是因为你的css文件的路径不对，你的网页在a文件夹下，调用的时候写的是c/style.css，这个时候的路径被认为是a文件夹下的c文件夹下的style.css文件，但实际上a文件夹下并没有这个c文件夹。。。所以出错了。
所以正确的写法是：/c/style.css，表示是根目录下的c文件夹下的style.css，这样就对了
