学院首页>网页制作>HTML>使页面上超级链接文本无下划线

使页面上超级链接文本无下划线

作者:康明生 来源:赛迪网 添加时间:2006-5-21 9:38:08
 
 
■方法1 


在〈/head〉前插入下列〈style ....〉、〈/style〉之间的语句即可。 

〈style type=″text/css″〉 

〈!-- 

btop1 {text-decoration:none; font-family: ″宋体″; font-size: 9pt; color:0000ff;} 

btop1:hover {text-decoration:none; font-family: ″宋体″; font-size: 9pt; color:ff0000} 

--〉 

〈/style〉 

然后跳转超链接,按如下设置: 

〈body alink=″black″ vlink=″#ff00ff″〉 

〈p align=″center″〉〈font face=″宋体″ size=″2″ color=″#000000″〉〈br〉 

〈a class=″btop1″ href=″http://kyxin.553.net″〉看看我的主页〈/a〉〈br〉 

〈/font〉〈/p〉 

〈p align=″center″〉〈font face=″宋体″ size=″2″ color=″#000000″〉〈br〉 

〈a class=″btop1″ href=″mailto:kanguse@126.com″〉我的邮箱〈/a〉〈br〉 

〈/font〉〈/p〉 

〈/body〉 


btop1中的color决定超链接文本的正常颜色,btop1:hover中的color决定了鼠标移到超链接文本时文本的颜色。 


■方法2 


这种方法较简单,只要在〈/head〉前插入以下语句即可。 

〈style〉 

〈!-- 

a {text-decoration:none} 

a:hover {color=″#ff0000″;text-decoration:none} 

body { 

font-family: 宋体; font-size: 9pt;color=″#00a0c0″ 



--〉 

〈/style〉 

在〈body〉中使用如下 

〈body〉 

〈p〉〈a href=″http://kyxin.553.net″〉我的主页〈/a〉〈/p〉 

〈/body〉 

body {..}控制正文显示的字体、大小和颜色。 
站内搜索