CSS Effects

CSS Effects

We can see about how to set background image, mouse over effect & hide underline in hyperlink. 

In last post i told about how to start and set alignment in CSS.

Now we can set the background image for a table. create table in HTML.

<table id="table">

</table>

Now create id in CSS on the table ID.

#table

{

   background-image:url("praveen.jpg");

   width:200px;

   height:200px;

}

Lets we see about mouse over effect in CSS. when we take mouse over a hyperlink we can give separate effect for that.

<a href="#"> mouseover  </a>

a:hover

{

     background-image:url("icon.jpg");

    font-weight:bolder;

    font-size:20px;

}

above example is when i take the mouse over the hyperlink. it automatically background image is changed.

below you can see two image when i take mouse over in "3" button automatically changes the background color and font size.

Lets see how to remove underline in hyperlink. 

<a href="www.google.com" id="unline" > Google </a>

#unline

{

   text-decoration:none;

}

I hope you understand what i told above. give your valuable feedbacks. In next post i will tell more about CSS keep watching byeeeee.