HTML-CSS设置超链接颜色字体

我们可以用CSS控制超链接字体样式，下面先来看一段代码：

<style type="text/css"unselectable="on">
#em a:link,#em a:visited{font-family:Segoe UI Light;font-size:24pt;color:#1c4269;text-decoration:none;}
#em a:hover{color:#0000FF;text-decoration:underline;}
</style>
<div id="em" unselectable="on"><a href="/sites/pld/ddresl/Lists/DDRESL%20People/AllItems.aspx?InitialTabId=Ribbon.ListItem&VisibilityContext=WSSTabPersistence#InplviewHashc7c8994b-1c6f-4c7e-b211-b9b36ec3a90a=" unselectable="on">Member Information</a>  </div>

1、代码语义说明:  

a:link --指正常的未被访问过的链接状态；

a:visited --指链接被访问后的状态；

a:hover: --指当鼠标箭头放在链接上时的状态；

a:active: --指你正要点击时链接的状态，因为点击时间特别短，往往不设置该项。

2、代码注意事项：

1）a:link后面是一个逗号，a:link,a:visited---表示正常未点击时和点击过后是一个状态。

2）#em
后面id="em"表示该设置只对该链接有效，如果不加该id，或者不设置#em,则该网页的所有超链接都会改变。

3）href 后面是链接的地址即网址，注意用双引号引起来。

4）<style> </style> 里面是样式的设置。

5）字体格式--font-family:宋体

6）颜色--color:#0000FF，#后面是RGB的十六进制值，0000FF表示RGB(0，0，255).

     后者是color:gray;color:red;都可以,不同的特征之间用分号隔开。

7）字体大小--font-size:24pt

      pt,px,em之间的换算：http://www.360doc.com/content/16/0113/11/1355383_527561336.shtml

8）字体其他样式

     font-style:italic 链接文字倾斜

     backgground:#0000FF 给链接文字加背景色为蓝色

     border-bottom:1px dashed #FF0000 给链接文字底部加红色虚线，1px是虚线的粗细，dashed表示虚线

     线型：dotted : 点状线  dashed : 虚线

                solid : 实线        double : 双线

字体设置句法如下：

font-family:xxx;	<!--字体-->
font-size:xxx;		<!--字体大小-->
color:xxx;		<!--字体颜色-->
text-decoration:xxx;	<!--字体下划线等;underline:下划线，overline上划线，linethrough:线在中间-->
cursor:pointer;  	<!--鼠标在字上时显示小手-->

<style type="text/css">
a:hover {text-decoration:none;border-bottom:1px dashed red;}
</style>

上面的语句是指该链接有1px粗细的红色虚线。

<style type="text/css">
a:hover {text-decoration:underline;font-weight:bold;color:red;background:blue;font-style:italic;}
</style>

背景色是蓝色，文字颜色是红色，字体加粗斜体，有下划线

<style type="text/css">
a:link,a:hover,a:active,a:visited{text-decoration:none;}
</style>

链接前后和点击时都没有文字装饰，即无下划线，上划线，删除线之类的。