div+css处理链接的:link,:visited,:hover,:active四种状态

原创 2007年09月23日 15:08:00

div+css处理链接的:link,:visited,:hover,:active四种状态

[示例代码]

<html>
    <head>
        <style>
            a:link {background-color: red; color: white;}
            a:visited {background-color: yellow; color: black;}
            a:hover  {background-color: green; color: white;}
            a:active {background-color: blue; color: white;}
        </style>
    </head>
    <body>
        <div>
            <a href="http://a.link/">
                链接的默认效果是a:link中的效果
            </a>
        </div>
        <div>
            <a href="">
                访问过的链接的效果是a:visited中的效果
            </a>
        </div>
        <div>
            <a href="http://blog.csdn.net/hu_zhenghui">
                鼠标移动到链接上的效果是a:hover中的效果
            </a>
        </div>
        <div>
            <a href="http://blog.csdn.net/hu_zhenghui">
                鼠标单击链接时的效果是a:active中的效果
            </a>
        </div>
    </body>
</html>

[div+css关键词]

div css

[div+css重要工具]

Internet Explorer Developer Toolbar, http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&amp;displaylang=en

[div+css的常见问题]

较验div+css格式,http://validator.w3.org/
div+css的margin缩写方式
div+css的padding缩写方式
链接的:link,:visited,:hover,:active四种状态

[div+css的浏览器兼容问题]

水平居中,Firefox使用margin-left: auto; margin-right: auto; IE6 使用text-align: center;
垂直居中,Firefox中使用display: table-cell; vertical-align: middle;可以实现div垂直居中,而IE6中则需要借助IE6中css的特点实现垂直居中。
!important标记,Firefox支持!important标记,IE6忽略!important标记
手形鼠标指针,使用cursor: pointer;
版权声明:本文为博主(@胡争辉)原创文章,未经博主允许不得转载。 举报

相关文章推荐

CSS中的:link :visited :hover :active

link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候         详细的:  :hover版本:C...

CSS样式_链接&列表

CSS链接&列表

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

hibernate四种状态

1.瞬时状态  也就是实体对象处于new的状态  它是在session缓存区中不存在的,也不会跟session有关联  更不会跟数据库有关联  刚刚用new语句创建,还没有被持久化,不处于Se...

动态链接(dynamic link)与静态链接(static link)

静态库与动态库       静态库的所有数据都会被整合进目标代码中,因此编译成的文件比较大。它的优点就显而易见了,即编译后的执行程序不需要外部的函数库支持,因为所有使用的函数都已经被编译进去了。...

tcp链接的几种状态

tcp链接的几种状态 说明: 通常情况下:一个正常的TCP连接,都会有三个阶段:1、TCP三次握手;2、数据传送;3、TCP四次挥手 里面的几个概念: SYN: (同步序列编号,Sy...

Hibernate 实体持久化生命周期状态

Hibernate是与应用创建的普通的java对象一起工作的,在原始状态(没有标签)Hibernate不会定义你的java类,但是当他们按照需要的标签进行标注之后,那么Hibernate就能识别他们,...

MASM 链接问题

安装 可以下载并安装MASM32。这是个提供汇编IDE环境的安装软件。安装后,masm、link等命令程序都包含在安装目录下的bin目录下。微软把masm和Link结合在一起生成一个命令程序ml....

HTML链接

好多年前的课程实训。 用notpad编写txt文档,随后改写为html后缀,运行即可。

TCP链接的状态

1. TCP连接的状态   首先介绍一下TCP连接建立与关闭过程中的状态。TCP连接过程是状态的转换,促使状态发生转换的因素包括用户调用、特定数据包以及超时等,具体状态如下所示: CLOS...

处理对象的多种状态及其相互转换——状态模式(四)

4 共享状态      在有些情况下,多个环境对象可能需要共享同一个状态,如果希望在系统中实现多个环境对象共享一个或多个状态对象,那么需要将这些状态对象定义为环境类的静态成员对象。      下面通过...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)