CSS3学习——边框与超链

    边框是页面块状设计中非常有用的一种装饰了，对于边框进行的修饰往往首先要对边框的基本样式比如：宽度、虚实线进行声明：

border-width: 50px;
padding: 10px;
border-style:

    在CSS3中引入了border-radius圆角边框。

border-radius:设置值
border-radius:10px 15px 20px 25px;

    利用 border-image可以从一张图片的边缘切出一个border。

border-image: source slice width repeat
border-image: url(1.jpg) 10 (可省略) (可省略 stretch/repeat/round)

    定位position在二维平面上有两个种方式：absolute（以父元素左上角为定位原点）和relative（以组件本身左上角为定位原点）。在重叠的第三维度上可以采用z-index来调整图层相对位置。z-index=0和没有定义z-index的节点在同一层级之内，z-index的值为负数的节点会被没有定义的z-index覆盖。

    对于超出边界的显示需要对overflow进行设置，参数值有：visible（直接完全显示）、hidden（超出则隐藏）、scroll（上下左右都加滚动条）、auto（看情况加滚动条）。

    类似word中的图文混排可以利用float属性完成，参数值：left、right、none。

img { float: left;}

    对于超链接的设计：    

a: /link/visited/active/hover {样式属性：属性值}

    对于一些简单的图片替换动作，甚至可以使用超链接来完成。

a { background-image: url(1.jpg);
    color:#666666;
}
a:hover{ color: #777777;
    background-image: url(2.jpg)
}

    针对不同的页面访问对象，CSS3也实现了可以显示不同的鼠标光标特效：cursor: 鼠标光标样式。具体的光标样式可以自己百度查阅。CSS3同时也支持自己设计的光标图案。为了增加对更多浏览器的支持，需要在不支持自定义光标的浏览器中也能显示合理的光标图案

cursor: url(光标文件的相对路径）
cursor: url(光标文件的相对路径),url(备用的jpg,gif,png等图片文件路径),auto;