Friday, 30 March 2012

HTML Button Code To Put On Your Website

Hope you haven't spent too long searching crawling the Internet looking for a html button that's going to look good on your website.

I did that! And come up with nothing!

So I designed my own html button code that can be changed to look just the way you want it to.


Please feel free to use it!  All text in purple can be changed.



<html>
<body>
<a href="http://www.google.com">
<button style="background-color: #99C7FF; height: 35px; width: 160px; font: bold italic 16px Arial; color:#000000;"><div align="centre">Enter Text Here!</div></button></a>
</body>
</html>


*Go ahead and try it if you want, just hit the back button after*






Here's what you can do with this HTML code.


  • Change the size of the button (height and width
  • Change the text appearance (bold/ italic/ font/ size and colour)
  • Align text (left, right or centre)
  • Link to a webpage within your website
  • Link to a page outside of your website
  • Change the background colour of the button



See picture below for how to use this HTML code, or if you would like to know how in more depth then please visit my HTML Button Step-By-Step Guide and I'll take you through each step with lots of useful pictures to help you on your way.




No comments:

Post a Comment