Exercise v2.2

Exercise:

Set the background color for visited and unvisited links to "lightblue", and the background color for the hover and active link states to "yellow".

Hint: Use the :link, :visited, :hover, and :active pseudo-classes.

<!DOCTYPE html>
<html>
<head>
<style>
/* unvisited link */
a {
    background-color: lightblue;
}

/* visited link */
a {
    background-color: lightblue;
}

/* mouse over link */
a {
    background-color: yellow;
}

/* selected link */
a {
    background-color: yellow;
}
</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p><a href="http://hexagonitsolutions.com/ngo">NGO</a></p>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
/* unvisited link */
a:link {
    background-color: lightblue;
}

/* visited link */
a:visited {
    background-color: lightblue;
}

/* mouse over link */
a:hover {
    background-color: yellow;
}

/* selected link */
a:active {
    background-color: yellow;
}
</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p><a href="http://hexagonitsolutions.com/ngo">NGO</a></p>

</body>
</html>

Exercise:

Set the background color for visited and unvisited links to "lightblue", and the background color for the hover and active link states to "yellow".

Top Tutorials

Top References

Top Examples

Web Certificates