Submit Button Styling in HTML/CSS

Submit Button is one of the main needs of every form. You can design the submit button in many of the ways. I am going to guide you here different styles of Submit Buttons you can use while creating Form. 

Two options are here available for you to create button. Both will show a same "Submit" Button.

<button type="submit" value="Submit">Submit</button>

Both these options will show a simple button that you can style through CSS. 

Now the interesting part start: 

Some styles I am going to share you here. You can add your own choice into it.

button{
border:2px solid;
border-radius:30px;
}

------------------------------------
Another way of styling is:

button {
  color: #FFFFFF;
  font-weight: Normal;
  font-size: 140%;
  text-transform: uppercase;
}

-----------------------------------
You can also add Shadow: 

button {
  color: #663300;
  font-size: 140%;
  text-transform: uppercase;
  box-shadow: 10px 10px 5px #888888;
}

Posted in: graphic-design, html-css, web-design