div
{
/* 箭头的样式，你自己设计，下面是旋转的样式*/
transform:rotate(90deg)
-ms-transform:rotate(90deg)/* Internet Explorer */
-moz-transform:rotate(90deg)/* Firefox */
-webkit-transform:rotate(90deg)/* Safari 和 Chrome */
-o-transform:rotate(90deg)/* Opera */
}
这个是CSS3，所以浏览器并不是都兼容的。上面的deg就是角度单位度。
transform默认是左上角为起点的,除非是手动设置了
transform-origin 属性允许您改变被转换元素的位置。2D 转换元素能够改变元素 x 和 y 轴。3D 转换元素还能改变其 Z 轴。 transform-origin: x-axis y-axis z-axis
值描述
x-axis 定义视图被置于 X 轴的何处。可能的值：left | center | right | length | %
y-axis 定义视图被置于 Y 轴的何处。可能的值：top | center| bottom | length |%
z-axis 定义视图被置于 Z 轴的何处。可能的值：length
