精通CSS:第4章 背景图像效果

简单的链接样式

 

链接伪类选择器

:link 用于寻找没有被访问过的链接

:visted 用于访问被访问过的链接

:hover 动态伪类选择器用来寻找鼠标悬停处的元素

:active 动态选择器用来寻找被激活的元素

 

<style type="text/css">
a {
        text-decoration: none;
}
    a:link {
        border-bottom: 1px dotted #000;
color: black;
}
    a:visited {
        border-bottom-style:solid;
color: blue;
}
    a:hover {
        color:yellow;
}
    a:active {
        color: darkred;
}
</style>

5.4 为链接目标设置样式

  除了链接到特定的文档外，还可以使用包含片断标识符的链接，链接到页面的特定部分。

  实现方法是在href的末尾加一个#字符，然后再加上要链接的元素的ID

5.6 创建类似按钮的链接

  锚是行内元素，这意味着只有在单击链接的内容时它们才会激活。但是，有时候希望实现更像按钮的效果，

有更大的要单击区域。为此可以将锚的display属性设置为block，然后修改width height和其他属性来创造需要样式和单击区域。

5.6.2 图像翻转

  对于比较复杂的按钮，使用背景图像

5.6.3 pisy样式翻转