DIV中控制超级链接的方法
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://188882029.blog.51cto.com/128963/26710 |
在div中,我们要控制超级链接,要怎么做呢?是不是也要和普通的html语言一样,在html中加入诸如<a href="#"><font-size="1">超级链接</font></a>这样的一大堆东西呢?
答案是否定滴~~~,我们有CSS来控制,更加方便,来看一段代码
<div id="navigator">
<a href="http://www.av286.com">我是超级链接</a>
</div>
我们知道超级链接一共有4个状态:没有点的时候(link)、鼠标放上去的时候(hover)、点击的时候(active)、访问过的时候(visited)
超级链接在CSS中是一个比较特殊的伪类,因此不能像普通DIV的ID一样去用#id来定义。
如上例,在navigator这个盒子中,有一个超级链接。那么我们就是要定义这个盒子中的超级链接,所以要用#navigator a的方式来定义超级链接的样式,这不会影响到#navigator的参数。
如果要定义整个超级链接任何状态下的样式,就用
#navigator a{}
如果要定义某一种状态下的样式,就用
#navigator a:状态名{} 本文出自 “zwphoenix” 博客,请务必保留此出处http://188882029.blog.51cto.com/128963/26710 本文出自 51CTO.COM技术博客 |


zwphoenix
博客统计信息
热门文章
最新评论
友情链接