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 :

Button Preview

Codes

Copied to clipboard!
.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;

}