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就是角度单位度。
向右的箭头arrow-right{ width: 0height: 0border-top: 17px dashed transparentborder-bottom: 17px dashed transparentborder-left: 15px solid #777font-sie: 0}
在CSS中有一个cursor方法可以改变鼠标指针状态图标,我们可以利用这个方法来达到移动指针到h1标签上的时候鼠标指针变成小手的状态效果。如下代码:
以上例子中cursor的值pointer表示小手状态,cursor的属性的值有以下类型,不同值可以实现不同的指针效果。