CSS Teaser Box

CSS Teaser Box

This is an example teaser box. Since its width is fixed, I can get away with using just two background images (tsr-b.gif and tsr-t.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 one-image version

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