定义链接样式
CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是:
:link
:visited :hover
:active
因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下:
a:link,定义正常链接的样式;
a:visited,定义已访问过链接的样式;
a:hover,定义鼠标悬浮在链接上时的样式;
a:active,定义鼠标点击链接时的样式。
怎样用css设置超链接字体的不同颜色2006-6-7
10:39
yywzya:link
{
text-decoration:
none
color:
#31687E}a:visited
{
color:
#31687E
text-decoration:
none}a:hover
{
color:
#FF0000
text-decoration:
none}a:active
{
color:
#FF0000
text-decoration:
none}a.v1:link
{
text-decoration:
underline
color:
#31687E}a.v1:visited
{
color:
#31687E
text-decoration:
underline}a.v1:hover
{
color:
#333333
text-decoration:
underline}a.v1:active
{
color:
#FF0000
text-decoration:
none}上面四个为默认的超级链接的样式,下面四个为不同颜色的链接样式,不过在链接的时候要调用一下v1的名字如这种格式<a
href="index.asp"
class="v1">首页</a>
给每个a标签
一个
class类
.然后分别给每个累设置不同的链接颜色,就可以了。
答案补充
<style
type="text/css">
a.a1
{
color:#f00}
a.a1:hover
{
color:#0f0}
a.a2
{
color:#00f}
a.a2:hover
{
color:#ff0}
我写了a1
跟a1
其他两个自己知道怎么定义了吧..
<a
href="#"
class="a1">不同链接颜色</a>
<a
href="#"
class="a2">不同链接颜色</a>
<a
href="#"
class="a3">不同链接颜色</a>
<a
href="#"
class="a3">不同链接颜色</a>
答案补充
<style
type="text/css">
a.a1
{
color:#f00}
a.a1:hover
{
color:#0f0}
a.a2
{
color:#00f}
a.a2:hover
{
color:#ff0}
a.a3
{
color:#f00}
a.a31:hover
{
color:#0f0}
a.a4
{
color:#00f}
a.a4:hover
{
color:#ff0}
</style>
<a
href="#"
class="a1">不同链接颜色</a>
<a
href="#"
class="a2">不同链接颜色</a>
<a
href="#"
class="a3">不同链接颜色</a>
<a
href="#"
class="a3">不同链接颜色</a>
答案补充
a1
到a4
四个不同的类的链接颜色你改改就可以了..我只是给代码例子..