欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-07 09:13:40
...

简单的链接样式

 
链接伪类选择器
: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样式翻转