当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 去掉链接中的下划线

WEB设计综合
使Flash页面通过校验
WEB 标准剖析
制作网页中的渐变背景
表格特效代码全集
Photoshop 打造金属指环
网页标准中链接属性 rel 与 target
HTML在线编辑器的调用及使用方法
div+css设计网页时浮动问题的解决方法
解决XHTML+CSS2.0式的页面结构在IE5和IE5.5下的BUG
WAP 开发出现的中文显示问题
详细的IMG,IFRAME的属性参考
可通过XHTML1.0校验的Flash嵌入代码
在IE和FIREfOX下正常显示的网页内嵌播放器代码
使 XHTML Strict 支持 target 标签
语言(文化)代码与国家地区对照表
网站设计技术规范
点击连接时不出现虚边框的方法
制作1px边框表格的几种方法
图片横向连续滚动的代码
合理架构css

WEB设计综合 中的 去掉链接中的下划线


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 2274 ::
收藏到网摘: n/a

style type="text/css">
<!--
A:link {text-decoration: none}
-->
</style>

Put the above script between the <head> </head> tags in your page. It will remove all the underlines from your links in that particular page. To remove all underlines from your links throughout your website, better place it in your header file.

将上述脚本代码放置在页面中的<head></head>标签之内,它将删除该页面中所有链接的下划线。记住,如果你希望删除整个网站中所有链接的下滑线,你就好把它放置在header文件中。

In addition to none, any of the following four constants can be put:

无一例外,你可以同时放置下面这四个常数:

A:link {text-decoration: blink} <!-- 文本闪烁。支持火狐,不支持IE -->
A:link {text-decoration: line-through} <!--
删除线 -->
A:link {text-decoration: overline} <!--
上划线 -->
A:link {text-decoration: underline}<!--
下划线 -->

 
example
案例

Usually link, visited, active and hover are alltogether defined in one script as below:

通常情况下,链接、已访问链接或鼠标经过这几个动作效果都可以像下面这样定义在一个脚本程序中:

<style type="text/css">
<!--
A:link {text-decoration: none} <!--
删除链接中的下划线 -->
A:visited {color: red } <!-- 
已访问链接的颜色定义为红色 -->
A:active {color: #CCCCCC } <!--  
激活链接时,颜色显示为浅灰色 -->
A:hover {color: yellow } <!--  
当鼠标指向(经过)链接时,颜色将变成黄色 -->
-->
</style>

Change the colors that suits your website layout.

改变颜色,使之与整个网站布局相适应。

评论 (1) 1 All

登陆 | 还没注册?