`
Anny
  • 浏览: 39319 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

如何在文中出现两者或两者以上不同的超链接？

CSS 
阅读更多
在源代码中的<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>

 
分享到：
| 我们一起去春游！
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics