Related Posts Plugin for WordPress, Blogger...

By posted April 22, 2012 8:12:00 am
Make a sexy hovering effect with CSS

>> 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:

comments powered by Disqus

Free project submission

Tutorials and How to

Guest blog with us

  © Blogger template Werd by Ourblogtemplates.com 2009

Back to TOP