css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css

CSS Button Generator

Preview Background Color
Background Color
Background Hover
Font Color
Border Color
Unavailable
Text Shadow Color
STEP 1: Copy this code into your HTML page
<a href="#" class="buttonClass">Button text</a>
STEP 2: Copy this code into your CSS stylesheet

.buttonClass {
  font-size:15px;
  font-family:Arial;
  width:140px;
  height:50px;
  border-width:1px;
  color:#fff;
  border-color:#18ab29;
  font-weight:bold;
  border-top-left-radius:28px;
  border-top-right-radius:28px;
  border-bottom-left-radius:28px;
  border-bottom-right-radius:28px;
  text-shadow: 1px 1px 0px #2f6627;
  background:#44c767;
}

.buttonClass:hover {
  background: #5cbf2a
}
              
Text
refresh
Font Size: 15px
Size
refresh
Vertical size: 50px
refresh
Horizontal size: 140px
Border
refresh
Border Radius: 28px
refresh
Border Size: 1px
refresh
Vertical position: 1px
refresh
Horizontal position: 1px
refresh
Blur Radius: 0px



Copyright © 2021 CSSButtonGenerator.com    

Free guide tolearn CSS