CSS Button Generator
Settings
+
Font / Text
text:
font-family:
Arial
Georgia
Courier New
font-color:
font-size:
text-shadow:
x:
y:
blur:
+
Box
box-shadow:
x:
y:
blur:
padding:
padding-top:
padding-right:
padding-bottom:
padding-left:
+
Border
border-radius:
border:
border-style:
solid
dotted
border-width:
More
border-top:
border-top-style:
solid
dotted
border-top-width:
border-right:
border-right-style:
solid
dotted
border-right-width:
border-bottom:
border-bottom-style:
solid
dotted
border-bottom-width:
border-left:
border-left-style:
solid
dotted
border-left-width:
+
Background
background:
gradient
solid
start color:
end color:
color:
+
Hover
background:
gradient
solid
start color:
end color:
color:
Button preview
Click me
Copy the code
Copied!
CSS Button Generator