>> April 22, 2012

In this series of CSS tutorial will help you make you pages more stylish than ever.All you need to know little bit of HTML or you can learn within few hours using the WC3Schools Online Web Tutorials
So lets get started. To day we are going to make an hovering effect to all hyperlinks in your HTML document.CSS provide a way to make your webpage stylish, it so simple as you type few words on a notepad or a text editor.
How can you make your page stylish with an Hovering effect to links using CSS?
First up all you need to create an HTML document / webpage and include some style tag under <head> tag of your webpage as follows
<style type="text/css">
a:hover{
text-decoration:overline;
}
a{
text-decoration:underline;
span{color:red;
}
</style>
Now you can test the effect by adding a link using link tag <a>.Add the following code between the <body> </body>tags of your HTML document.
<a href="http://Techietalk.in">Techietalk's CSS Tutorial</a>
Save and open the webpage in a browser just move your mouse over the link, you can see the result.
We will teach you more CSS tricks in our next CSS tutorial , so keep in touch.

2 comments:
Post a Comment