CSS Teaser Box, fixed width, one image

CSS Teaser Box

This is an example teaser box. Since its width is fixed, I can get away with using just two one background images (tsr.gif) to create the rounded corners and the top and bottom borders. CSS is used for the left and right borders. This box will expand vertically to contain any amount of text, of almost any size. View source to see the XHTML and CSS. You may also want to read the related blog posts for further notes and discussion: CSS Teaser Box and CSS teaser box revisited.

Also see the two-image version

Lab Index | 456 Berea Street Home | Copyright © Roger Johansson