为了让网页达到预想的美观,文字连接的颜色至关重要,在同一个网页中设置不同的文字连接颜色就显得更加重要了,其实这个很简单,主要用到我们常见的样式表,定义不同的样式表,然后去分别调用就OK了!下面看看一些例子说明:
首先我们要定义一个样式
<style type="text/css">
……
……
</style>
将上面的代码放在head中就行。下面来看如何写样式表中的省略号:
/* 网站链接总的css定义:可定义内容为链接字体颜色、样式等 */
a{text-decoration: none;} /* 链接无下划线,有为underline */
a:link {color: #000000;} /* 未访问的链接 */
a:visited {color: #333333;} /* 已访问的链接 */
a:hover{color: #FF6600;} /* 鼠标在链接上 */
a:active {color: #0000ff;} /* 点击激活链接 */
/* 频道文字链接的css定义*/
a.channel:link {color: #010029;}
a.channel:visited {color: #010029;}
a.channel:hover{color: #666666;}
a.channel:active {color: #1A32E5;}
/* 顶部当前频道文字链接的css定义 */
a.channel2:link {color: #1A32E5;}
a.channel2:visited {color: #010029;}
a.channel2:hover{color: #1A32E5;}
a.channel2:active {color: #666666;}
上面就是style里面的代码了,这里定义了三种连接颜色,第一个是全站默认文字连接颜色,其他两种如何需要时可以利用下面代码来调用
调用代码为<a class=’channel’ ***>***</a>
调用代码为<a class=’channel2’ ***>***</a>
责任编辑:小草