Are you bored with custom link colors and want to give a new look to your links with new colors and effect then you come to right place, in this tutorial I am going to share how to make a link hover effect.
Structure :
you have to place this simple Code in you HTML <head> tag. just like
Structure :you have to place this simple Code in you HTML <head> tag. just like
<head>
<style type=”text/css”>
a:link{color: #370;}
a:visited {color:#369;}
a:hover {color:#f90;}
a:active {color:#444;}</style>
</head>
<style type=”text/css”>
a:link{color: #370;}
a:visited {color:#369;}
a:hover {color:#f90;}
a:active {color:#444;}</style>
</head>
A complete Example :
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Link Hover Effect by HTML5Planet</title>
<meta charset=”utf-8″ />
<style type=”text/css”>
a:link{color: #370;font-family:arial;text-decoration:none}
a:visited {color:#369;}
a:hover {color:#f90;font-family:Times New Roman;font-weight:bold;text-decoration:underline}
a:active {color:#444;}
</style></head>
<body>
<a href=”https://www.codentricks.com” title=””>Codentricks</a>
|<a href=”http://www.openplus.in/” title=””>Openplus</a>
</body>
</html>
<html lang=”en”>
<head>
<title>Link Hover Effect by HTML5Planet</title>
<meta charset=”utf-8″ />
<style type=”text/css”>
a:link{color: #370;font-family:arial;text-decoration:none}
a:visited {color:#369;}
a:hover {color:#f90;font-family:Times New Roman;font-weight:bold;text-decoration:underline}
a:active {color:#444;}
</style></head>
<body>
<a href=”https://www.codentricks.com” title=””>Codentricks</a>
|<a href=”http://www.openplus.in/” title=””>Openplus</a>
</body>
</html>
Related Posts:
HTML 5 introduction
Working tips and tricks to obtain free web traffic
HTML FORM tutorial with CSS based Example
Install XAMPP on 32/64 bit Linux Distro
Creating Stunning Pure CSS Navigation Menu with Simple Coding
Lets enjoy power of PHP Function
PHP Switch Statement Tutorial with Practical Example
PHP nested if else statement tutorial with working example
PHP Image upload , Saving link to Database complete tutorial
PHP File Uploading easy to learn tutorial with complete script
I got this web site from my pal who informed me on the topic of this
site and now this time I am visiting this web page and reading very informative articles here.
Also visit my page diamond titanium rings