Here we can design the css buttons with different icons. It’s very easy to use and understood.
buttonnice

CSS Code

a.button{
background:url(img/button.gif);
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}
a:hover.button{
color:#0066CC;
}
/** CLASS */
.add{
background:url(img/add.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.delete{
background:url(img/delete.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

HTML Code

<a href=#” class=“button”>
<span class=
delete>Delete this post</span>
</a>

<a href=#” class=“button”>
<span class=
add>Add to post</span>
</a>

It’s very clean and nice button.

Advertisements