PDA

View Full Version : CSS Button Badge



web_guru
07-04-2010, 10:18 AM
The HTML:


<span class="cssbutton"><span class="buttonleft">css</span>
<span class="buttonright">button</span></span>

The CSS:


.cssbutton {
background: #fff;
padding: 1px;
font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
font-size: x-small;
font-variant : small-caps;
border : 1px solid #aaa;
}
.buttonleft {
color: #f8f8f8;
background: #a42;
padding: 0px 3px 0px 3px;
}
.buttonright {
color: #f8f8f8;
background: #886;
padding: 0px 20px 0px 3px;
}



Example File is attached