Create Button using HTML/CSS without Plugin


#1

Personally, I hate using Plugins. I Mean Lot of Plugins… The most thing I Love in #wordpress is… It can support HTML Codes directly in TinyMCE Editor.

So Here’s the simple code to Create a Button using CSS

<button style="background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Georgia; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none;"> BUTTON TEXT Goes Here </button>

Here’s the Example…