free hosting   image hosting   hosting reseller   online album   e-shop   famous people 
Free Website Templates
Free Installer

Customisable Button


With the introduction of the new <button> tag, you have a lot more design flexibility.


For a standard button, this is all the code you need:
And this is the result:

But this new element lets you incorporate any html element between the <button> and <\button> tags.

Here's how to incorporate a graphic:
And here's the result:
In fact, anything enclosed within the button tag becomes part of the button.

Here's an example with a graphic and text:
Now here's a big button - with some added style characteristics - that actually does something:
Try it out ...

Browser Compatibility

  • Works well in IE
  • Works fairly well in NS6, but a little longer to set up
  • I don't know about NS4 ... just try it and see
  • Have fun experimenting!


    © 2001 CyberSchool