Questions

Create Pushbuttons With CSS, No Images Required

Make your website more attractive by adding push buttons to your links without using images.

Here's the short CSS Code:

ul.cpl a {
width : 200px;
height : auto;
display : block;
border : 2px outset #669900;
text-decoration : none;
background-color : #669900;
color : #eee;
font-weight : bold;
padding : 3px 10px;
outline : 0;
cursor : pointer;
}



ul.cpl a:hover, ul.cpl a:focus {
border : 2px outset #537800;
background-color : #537800;
color : #fff;
}



ul.cpl a:active {
border : 2px inset #27470e;
background-color : #27470e;
color : #999;
padding : 2px 11px 4px 9px;
}



ul.cpl a#cpl-on, ul.cpl a#cpl-on:hover, ul.cpl a#cpl-on:focus, ul.cpl a#cpl-on:active {
border : 2px outset #27470e;
background-color : #27470e;
color : #ffee00;
cursor : default;
text-transform : uppercase;
padding : 3px 10px;
}

Your Answers

Your Name:
Your Answers :
<> is a code tag
Preview
Enter the verification code:

Answers

Jennylee
Jan 28 12 07:28:03
Most help articles on the web are inaccurate or icnohreent. Not this!