CSS实现网页超级链接位移网页特效


	我们针对各种网店的需求，提供具有专业针对性的智能网店。集易用性和强大功能为一体，支持静态HTML生成和搜索优化、个性化模版定制、强大的网店管理系统和各种专业网店功能...点此申请


	智能建站已经成为企业网站建设的主要方式，建立个性化企业网站是企业品牌形象的体现；具有强大灵活的网站功能、HTML生成、搜索引擎优化，现有简体、繁体、英文、日文等多国语言可选用。赶快申请，立即拥有个性化企业网站...


	三语易站是国内受众最广泛的傻瓜式自助建站系统。只要会打字就可以建站，支持简繁英三语，简繁自动转换；具有单页、文章、图文、下载等网站内容管理功能，自定义栏目内容设置，管理系统简单易用，适合企业个人自助创建和管理网站...点此申请


	专业建站是针对行业或专业网站提供的建站服务。我们提供全新定做设计,功能与外观都根据自己的要求来做,具有强大的功能和专业针对性；现在申请，立即定做自己的专业网站...

超链接的hover状态，通常可以改变颜色，增加或去除下划线等效果来提醒访客。我们也看到过有一些文字链接，当鼠标移上去时（hover状态）产生位移，类似于按钮陷下的效果，这该如何实现其实是应用了position属性： position: relative; top:1px; left:1px; 这段代码的含义为，相对定位，距上部位移1象素，距左部位移1象素。我们可以将上面的代码加入到超链接的hover状态中，就实现了类似按钮陷下的效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>实现超链接类似按钮陷下的效果</title> <style type="text/css">  </style> </head> <body> <a href="#"><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" ></a> </p> </body> </html>

[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]

精品网站程序下载(草根站长最爱)
QQ2013,QQ2012临时会话插件(全国首发)
711旅游网站管理系统V2013（无功能限制）
711幻灯片管理系统（全国首发）各类网站程序下载
711企业网站管理系统V2013个人版（无功能限制）
711免费在线客服系统个人版 V2.0
电影小偷采集程序V2013免费下载点此查看

更多的CSS实现网页超级链接位移网页特效请到论坛查看: http://BBS.TC711.COM

【双击滚屏】【评论】【收藏】【打印】【关闭】来源：互联网日期：2009-7-12