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.