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=WSSTabPersiste 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
8）字体其他样式
font-style:italic 链接⽂字倾斜
html网页设计超链接
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>
链接前后和点击时都没有⽂字装饰，即⽆下划线，上划线，删除线之类的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。