如何实现网页中的超级联接颜色固定:平时为白色,光标在上面时为黑色
点击后颜色仍然为白色...
[html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
td {
font-size: 9pt;
}
a:link {
COLOR: #FFFFFF; text-decoration: none;
}
a:visited {
COLOR: #FFFFFF; text-decoration: none;
}
a:hover {
COLOR: #000000; text-decoration: none;
}
a:active {
COLOR: #000000; text-decoration: none;
}
-->
</style>
</head>
<body>
<table width="139" height="92" border="0">
<tr>
<td bgcolor="#CCCCCC"><div align="center"><a href="#">我是网管</a></div></td>
</tr>
</table>
</body>
</html>
[/html>
谢谢...看看先
用css定义
搭车问:我在页面属性里面设置了链接颜色,可是发现整个页面链接都是一种颜色。如何实现新浪等网站里面那种一个表格一种链接颜色的效果?
用css定义
我知道要用CSS,可具体如何设置.
我的要求补充:链接的在点击后也不会改变颜色.
css 超级连接:
a:link{text-decoration:none;color:black}
a:hover{text-decoration:none;color:red}>
a:active{text-decoration:underline:color:yellow}
a:visited{text-decoration:none;color:black}
以上分别为定义连接,鼠标覆盖,活动状态,连接过的超级连接状态!
[html>
<html>
<head>
<title>Link Style</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
a.style1:link {
color: #FF0000;
}
a.style1:hover {
color: #0000FF;
}
a.style2:link {
color: #0000FF;
}
a.style2:hover {
color: #FF0000;
}
a.style3:link {
color: #000000;
}
a.style3:hover {
color: #cccccc;
}
-->
</style>
</head>
<body>
<a href="#" class="style1">链接样式1</a><br><br>
<a href="#" class="style2">链接样式2</a><br><br>
<a href="#" class="style3">链接样式3</a><br><br>
</body>
</html>
[/html>
支持!支持!
顶
恩,真的是很全也,基本上概括了我们常用的效果!!支持支持!!!
同意css
一定要注意顺序,错了的话就没有那个效果了. |
|