使所有链接颜色为灰色

时间:2014-09-11 19:04:52

标签: html css

我试图制作代码,因此它会使我的所有链接变灰,但我当前的代码只会使最后一个链接变灰。我不知道为什么。我究竟做错了什么?

<!DOCTYPE html>
<html lang="en">
<head>
<style>
body {background: #8B6914;
}
h1 {
background: #ffe7ba; color: #8B6914; font: bold 300%;
sans=serif;
align="center";}
div {color: #ffffff; font: bold 125%;}
p {color: #ffffff; font: bold 125%;}
ul,li{ color: #ffffff; font: bold 125%;}
td {width:40%;}
a:link { color: gray;}
a:visited {color: black;}
a:active {color: black;}
a:hover { color: red;}
img {
width: 30%;
}
{
margin-left: auto;
margin-right: auto;
width: 8em;
}
</style>
</head>
<body>
<!-- my page -->
<h1> Welcome to My Homepage
</h1>
<div>
 Insert an image on this line, us e div tag <img src="wolf.jpg" alt="my picture" /> keep font         white and centered.
</div>
<hr />
<ul>
<li>Create a list with the font color gray and text size the same as you have been using </li>
<li>Make the last link to http://www.cnn.com</li>

<li><a href="index.html">Book index page</a></li>
<li><a href="contact.html">Book contact page</a></li>
<li><a href="about.html">Book about page</a></li>
<li><a href="http://www.cnn.com">CNN.COM </a></ li>
</ul>
<br /><br />
</body>
</html>

1 个答案:

答案 0 :(得分:3)

很可能是因为您的:visited伪元素正在影响所有访问过的链接。我假设您没有访问过最后一个链接,因此,它显示为灰色,而其他链接(已访问)显示为黑色。