Styling Tables, Frames, and Forms

< Previous - CSS Positioning and Layout | Quick CSS Course (5 days) | Beginning CSS Articles | Next - Advanced CSS Topics >

Styling HTML tables makes them more usable. The most obvious styles are on the borders of the table and the colors of the cells. But you can also style elements of the thead, tfoot, and tbody. By learning all you can about how to code HTML tables, you can style them better.

td, th {
border: 1px #ccc solid;
background-color: yellow;
}

• Simple Table Styles
• border
• background-color
• HTML Table Tags
• HTML Tables Tutorial
• Center Tables with CSS

HTML frames are a lot like HTML tables, when you style them, you often style the borders and background-colors. But you should also consider each frame in a frameset as a separate HTML page, and style it accordingly. Also, don't forget to style the noframes page - while most browsers that can't see frames cannot see CSS either, it's a good idea to style them just in case. And if you use the same style sheet as the rest of your site, it won't cause extra work.

• Why Use Frames vs. CSS
• Frames Tips

Styling forms makes them both more usable and easier to look at. The standard HTML form can be very ugly, but if you get in the habit of using labels, fieldsets, and legends and then styling all the elements, you can create forms that are pretty and people want to fill out.

• Pretty Forms
• User-Friendly Forms
• CSS Form Layout
• label
• legend
• fieldset

< Previous - CSS Positioning and Layout | Quick CSS Course (5 days) | Beginning CSS Articles | Next - Advanced CSS Topics >