3、如何在文中出现两者或两者以上不同的超链接？
在源代码中的<HEAD>…</HEAD>之间输入如下代码：
<style type="text/css">
A:link {
FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 12px; COLOR: #Ff0000; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 12px; COLOR: #0000ff; TEXT-DECORATION: none
}

A.left:link {
FONT-SIZE: 12px; COLOR: #0000ff; TEXT-DECORATION: none
}
A.left:visited {
FONT-SIZE: 12px; COLOR: #0000ff; TEXT-DECORATION: none
}
A.left:hover {
FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none
}
A.right:link {
FONT-SIZE: 12px; COLOR: #cccccc; TEXT-DECORATION: none
}
A.right:visited {
FONT-SIZE: 12px; COLOR: #cccccc; TEXT-DECORATION: none
}
A.right:hover {
FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none
}
</style>

在源代码中的<BODY>…</BODY>之间输入如下代码：
<p><a href="www.leafbbs.com">链接样式一</a></p>
<p><a href="www.leafbbs.com" class="left">链接样式二</a></p>
<p><a href="www.leafbbs.com" class="right">链接样式三</a></p>

出现如下效果：

链接样式一

链接样式二

链接样式三
解说：从上面的代码中我们可以看出，链接样式一，没有加上class，就用默认的超链接特效A，起如状态为红色，鼠标经过显示蓝色；链接样式二，加了class="left",就用设置的A.left的特效，起始状态为蓝色，鼠标经过显示红色；链接样式三，加了class="right",就用设置的A.right的特效，起始状态为灰色，鼠标经过显示红色。