当前位置 :| 主页>CSS样式>

两个不错的CSS链接样式例子

来源：cssplay 作者：cssplay 时间：2008-04-04 点击：

<html> <head> <title>利用CSS，链接下划线也玩自定义－PConline软件资讯</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css" media="all">  </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <p>这个 <a href="#" _fcksavedurl="#" id="example3a">静态的下划线</a>和这个<a href="#" _fcksavedurl="#" id="example3b">翻转效果</a>可用于流行时尚设计。</p> <p>宝贝，这个<a href="#" _fcksavedurl="#" id="example4a">静态下划线</a>和这个<a href="#" _fcksavedurl="#" id="example4b">翻转效果</a>很帅吧。</p> <p>这个<a href="#" _fcksavedurl="#" id="example1a">静态下划线</a>和这个<a href="#" _fcksavedurl="#" id="example2b">动画翻转效果</a> 可用于显示外部链接</p><p> （动画翻转效果并非能在所有浏览器都显示，例如Safari 1.0，只能显示动画的第一帧）。</p> </body> </html>
提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS</title> <style type="text/css">  </style> </head> <body> 漂亮的链接 <ul class="leftmenu"> <li><a target="_blank" href="http://www.cssplay.org.cn/" _fcksavedurl="http://www.cssplay.org.cn/">玩转CSS - CSSPLAY中文官方网站一个致力于中国CSS技术的公益组织</a></li> <li><a target="_blank" href="http://www.cssplay.org.cn/" _fcksavedurl="http://www.cssplay.org.cn/">玩转CSS - CSSPLAY中文官方网站一个致力于中国CSS技术的公益组织</a></li> <li><a target="_blank" href="http://www.cssplay.org.cn/" _fcksavedurl="http://www.cssplay.org.cn/">玩转CSS - CSSPLAY中文官方网站一个致力于中国CSS技术的公益组织</a></li> </ul> </body> </html>
提示：您可以先修改部分代码再运行

Tag：CSS样式 CSS链接样式

[收藏] [推荐] [评论] [打印] [关闭]

顶一下

上一篇：定义链接的CSS样式
下一篇：css标准的链接样式

最新评论共有 0 位网友发表了评论

查看所有评论

发表评论

栏目列表

热点实例