TechieDrill Your World Of Technical Tutorials

How to add Background Color Highlight in Text Link?

11.10.2009 · Posted in CSS

You can add Background Color Highlight in the Text Link by using the CSS code
A:hover { color: some color; background-color: some color; }
You have to add the CSS code to your script in the Head section

<style type=”text/css”>
<!–
A:hover { color:#000; background-color:#F00; }
–>
</style>

By adding the CSS code you can add Background Color Highlight in Text Link.

Say for Eg:

<html>
<head>
<title>Text Link With Background Color Highlight</title>
<style type=”text/css”>
<!–
A:hover { color:#000; background-color:#F00; }
–>
</style>
</head>
<body>
<center>
<a href=”Url here”><b>Text Link With Background Color Highlight</b></a>
</center>
</body>
</html>

displays you the link “Text Link With Background Color Highlight” With Background Color Highlight as shown below





Text Link With Background Color Highlight


Leave a Reply

You must be logged in to post a comment.