Generate CSS Button Code
Background Color
Button Text
Text Align
center
left
right
Text Color
Button Width (px)
Font Size (px)
Font Weight
bold
200
300
400
500
600
700
800
normal
Padding Top (px)
Padding Bottom (px)
Padding Left (px)
Padding Right (px)
Border Style
None
dotted
dashed
solid
double
groove
ridge
inset
outset
Border Color
Border Width (px)
Border Radius (px)
Button Hover Style
Background Color
Text Color
Border Style
None
dotted
dashed
solid
double
groove
ridge
inset
outset
Border Color
Border Width (px)
Preview Your Button Here
Button
Copy Code From Here
HTML Code For This Button
<button class="button">Button</button>
CSS Code For This Button
<style> .button { background-color: #4caf50; width: 500px; font-size: 16px; font-weight: bold; border: solid #000000 0px; color: #ffffff; padding-top: 15px; padding-bottom: 15px; padding-left: 32px; padding-right: 32px; text-align: center; text-decoration: none; display: inline-block; border-radius: 0px; } .button:hover { background-color: #1E62D0; border: solid #337FED 0px; text-decoration: none; color: #ffffff; } </style>