注册 | 登录 忘记密码? 51cto首页 | 博客 | 论坛 | 招聘
热点文章 CCNA教材推荐
 帮助

DIV中控制超级链接的方法


2007-05-14 23:53:36
 标签:css 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





    文章评论
 
2007-05-15 09:05:03
收藏啦,CSS据说很难学吧?

 

发表评论

昵   称:
验证码:  点击图片可刷新验证码  博客过2级,无需填写验证码
内   容: