Wednesday 26 March 2014

How To Make All The Links Underline on Hover of One Whole Page?

It's a really small method for making all the links underline on hover of one whole page.

But some people do it like this.




<html>
<head>
<style>
#one {text-decoration:none}
#one:hover {text-decoration:underline}
#two {text-decoration:none}
#two:hover {text-decoration:underline}
</style>
</head>
<body>

<a href="www.facebook.com/VatsalTheHacKer" id="one">Follow Me</a><BR>

<a href="www.facebook.com/VatsalTheHacKer" id="two">Follow Me</a><BR>

</body>
</head>



So long code, it works, of course, but takes a lot time.
So Here's a small one.



<html>
<head>
<style>
a {text-decoration:none}
a:hover {text-decoration:underline}
</style>
</head>
<body>

<a href="www.facebook.com/VatsalTheHacKer" id="one">Follow Me</a><BR>

<a href="www.facebook.com/VatsalTheHacKer" id="two">Follow Me</a><BR>

</body>
</html>



Both will look the same but this one's better.
I prefer this one because suppose you have to make a website then which one will you choose 1st or 2nd?

Follow Me On My Facebook Account.

No comments:

Post a Comment