Applying a background to the button

To finalize the
distinction between a regular form button and the HTML 4.0 button, we must force
the new button to get rid of its ugly gray background. This can be accomplished
with the little touch of CSS (Cascading style sheets), such as the following
rules:

Controlling the width/height of the button

By default, the dimensions of the button is automatically set to
the dimensions required to accommodate the content inside, such as an image.
There will often be times when you want to manually control this dimension to
fit your design. By using another CSS declaration, you can. To control the
width/height of the button, use the following style declaration:

style="width:whatever_width;height:whatever_height"

Lets create a series of perfectly rectangular buttons, then,
using the above knowledge:

Example- Simulating browser buttons using the <button> tag:

Look closely at the above rectangular buttons...what do they
remind you of? Well, they remind me of the default buttons that appear on the
toolbar of your browser. Both of them are rectangular, and gray in color. In
this fun example, we will create html 4.0 buttons that simulate the default
browser buttons.