Exercise v2.2

Exercise:

Remove underlines for visited and unvisited links, and specify "underline" for the hover and active link states.

Hint: Use the text-decoration property.

<!DOCTYPE html>
<html>
<head>
<style>
/* unvisited link */
a:link {
    
}

/* visited link */
a:visited {
    
}

/* mouse over link */
a:hover {
    
}

/* selected link */
a:active {
    
}
</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 {
    text-decoration: none;
}

/* visited link */
a:visited {
    text-decoration: none;
}

/* mouse over link */
a:hover {
    text-decoration: underline;
}

/* selected link */
a:active {
    text-decoration: underline;
}
</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:

Remove underlines for visited and unvisited links, and specify "underline" for the hover and active link states.

Top Tutorials

Top References

Top Examples

Web Certificates