CSS Button Generator
Customize Area
Text :
Font Family :
Font Size :
18px
Border Radius :
4px
Padding Left :
Padding Right :
Padding Top :
Padding Bottom :
Text Color :
Background :
Hover Color :
Hover Background :
Codes
.button {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
border-radius:4px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#ffffff;
background-color:#cc6666;
outline:none;
border:none;
cursor:pointer;
display:inline-block;
} .button:hover {color:#ffffff;
background-color:#8e4747;
}