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

iteye_906

于 2007-04-18 05:54:33 发布

阅读量155

点赞数

分类专栏：页面制作文章标签： CSS

页面制作专栏收录该内容

17 篇文章 0 订阅

订阅专栏

在源代码中的<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>

iteye_906

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何在文中出现两者或两者以上不同的超链接？

在源代码中的&lt;HEAD&gt;…&lt;/HEAD&gt;之间输入如下代码：&lt;style type="text/css"&gt;A:link {FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none}A:visited {FONT-SIZE: 12px; COLOR: #Ff0000; TEXT-DECORATION: ...
复制链接

扫一扫