CSS Examples

Dashed Vertical Menu
A simple yet elegant list based vertical menu. Move the mouse over a link,
and the link area changes color. A thin dashed border follows each menu item.
Posted on: 05/14/2005

Tableless forms using CSS
This CSS example transforms a conventional form so it's tableless. A form that doesn't use tables for its layout is much more lightweight and semantically correct.
Posted on: 02/10/2005

Pseudo-classes of CSS
Pseudo-class are an interesting group of selectors in CSS that apply to elements when they're in a certain state or condition. This article describes each one.
Posted on: 01/16/2005

JK Cool CSS Menu
A simple yet elegant CSS hover menu. Move the mouse over a link, and the entire link area changes color. A thin border surrounds each menu item.
Posted on: 12/19/2004

2-level CSS Drop Down Menu
A 2 level CSS drop down menu based on the SuckerFish code. Enhanced with visual styling and the ability to modify the width of individual drop down menus.
Posted on: 12/09/2004

Alternate Style Sheet for document
See the syntax for specifying an alternate external style sheet for the document, which the user can easily toggle between in his/ her browser that supports it (ie: Firefox 1.0).
Posted on: 11/19/2004

Mark’s Blue Blocks Menu
A very attractive "blocks" CSS menu with hover effect. Also illustrates using child selectors to apply two different rules depending on whether the user browser is IE Win or not.
Posted on: 11/11/2004

Generated Content in CSS2
CSS2 supports the insertion of generated content, which is content that's specified using your style sheet and applied dynamically to the page. See it in action in this example.
Posted on: 11/01/2004