使页面上超级链接文本无下划线统一教学网

你的位置：首页 > 网页高手 > HTML > 使页面上超级链接文本无下划线

	网页高手
	Dreamweaver FrontPage Javascript HTML CSS XML 心得技巧 DHTML

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

日期：2001-9-17 19:58:00
出处：赛迪网
作者：康明生

　

■方法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 {..}控制正文显示的字体、大小和颜色。

打印本文 |

推荐朋友 |

收藏文章 |

关闭窗口