Calculator Tutorial

8. Stylesheet

The next step in creating our calculator now that we have a form that can perform the necessary calculations is to alter the appearance of the form to make it look more like a calculator.

To do this let's create a stylesheet with some entries in it that we can apply to the table that contains our calculator. What I use to create the yellow background and thin black outline of my calculators is the following stylesheet entries:

If we save this as easter.css we can then link it into our page by adding the following code to the head of our page:

The final step is to apply the stylesheet to our form and add the description of what the calculator is.