您的位置：首页 > 其它

设置字体大小和取消链接下划线

2006-09-23 16:40 344 查看
设置字体大小和取消链接下划线


如何能做出网页中当鼠标放到有超级链接的字体时出现字体颜色变化

把下面这段代码加入html的<head></head>之间试试：）
<style>
<!--
A:link {text-decoration: none; color: 0000FF}
A:visited {text-decoration: none; color: 004080}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: FF0000}
-->
</style>
其中link是超链接的颜色,visited是访问过的链接颜色,hover是鼠标移上去的颜色.可以自己设定.将上段代码插入后.按正常的方法制作超链接,你就会看到和原来的不一样:)




字体的设置


一种方法是用CSS样式单定制字体大小，说明超链接的颜色，大小，字体等
例如：

<style type="text/css">
<!-- A:link {text-decoration: none; color:#2781c9; font-family: 宋体}
A:visited {text-decoration: none; color: #000000; font-family: 宋体}
A:active {text-decoration: none; color: #FF0000; font-family: 宋体}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}-->
</style>
其中font-size:9pt指字体的大小为9镑，而一般的网页默认为14镑

第二种方法很简单，只要你的文字前加入下面这段代码就可以了
<span style="font-size: 9pt">
可以实现你需要小的字体，试试：）




如何使同一页中的超文本链接呈现不同的颜色


通常在网页的<body>中设置连接的颜色，如：
<body link="#FF00FF" vlink="#FF0000" alink="#008080">
其中：link -- Hyperlink（连接）的颜色
vlink-- visited Hyperlink（已访问过的连接）颜色
alink-- active Hyperlink （当前活动的连接）颜色
颜色用rgb的16进制码表示如红色是#FF0000。

但你如果要在一个网页中的连接有不同的颜色，你就要在连接
中使用到style这个关键字，例如：
<p><a name="top">top</a></p>

<P><A HREF="#top" style="background-color: rgb(255,255,255);
color: rgb(129,0,0)">Maroon</A>

<P><A HREF="#top" style="background-color: rgb(255,255,255);
color: rgb(255,165,0)">Orange</A>

Maroon (Maroon的RGB是#800000)

Orange (Orange的RGB是#FFA500)

你可以根据RGB-->Hex的提示自己做一个转换.




如何取消超文本链接下的底线


只需在<head>..</head>中加上以下指令
<HEAD>
<TITLE>tip</TITLE>
<STYLE>
<!--
A{text-decoration:none}
-->
</STYLE>
</HEAD>

如果你只想页中某个链接不出现底线，则加上：
<A HREF="Your Link" STYLE="text-decoration: none">TEST</A>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航