Generate CSS Button Code

Background Color

Button Text

Text Align

Text Color

Button Width (px)

Font Size (px)

Font Weight

Padding Top (px)

Padding Bottom (px)

Padding Left (px)

Padding Right (px)

Border Style

Border Color

Border Width (px)

Border Radius (px)

Button Hover Style

Background Color

Text Color

Border Style

Border Color

Border Width (px)

Preview Your Button Here

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>