Tired of the same boring looking forms on your site? Why not jazz them up a bit by applying some CSS styles to them? 

For those who have never used CSS before

Please don't run screaming from the room! You will be able to follow along without any knowledge of CSS. Try adding these effects to a trial page simply by following instructions.

For those who already use style sheets

Throughout this article I am going to quote the full style sheet which is being applied to the forms, you can use this as an embedded sheet by placing it before the </head> tag in HTML view. If you already have a style sheet, linked or embedded, you can just copy the bits between the style tags into it.

Before we begin

If you wish to follow and add the styles mentioned in this article, you can prepare first by creating a new page containing a form with two one line text boxes, a small set of radio buttons, a dropdown list, a text area and a submit button. We will use this form as an example, and make changes to its appearance, throughout the article. You could also use a copy of an existing form if you prefer to do that, but do use a copy, not the original in case you mess up!

As with all effects these are best used sparingly, overdo it and they will look shocking rather than stunning, used well they can add to the appearance, effectiveness and even the usability of your forms. 

If you are looking for a great email hosting provider for your business then you should learn about your options such as exchange email outsourcing and outlook exchange services.

>>Part II: Changing the boring Submit button