« Desktop goes for a holiday | Main | Formatting Lists »

Formatting Blockquotes

This tip came from something which I learnt from Blog-Fu , a simple and nice way of formating blockquotes.

The CSS is as follows:


 blockquote[cite]:after {
 content: “Quote from: ” attr(cite);
 display: block;
 border-top: 1px solid #999;
 color: #999;
 margin: 1em 0 0;
 padding: .5em 0 0;
 font-size: .8em;
 font-weight: bold;
 }
 blockquote { 
 background: #eee;
 margin: 20px;
 padding: .5em;
 margin-top: 0px;
 border: 1px dotted #999;
 }

read more about how the formatting is done at blog-fu

About

This page contains a single entry from the blog posted on August 10, 2003 3:49 AM.

The previous post in this blog was Desktop goes for a holiday.

The next post in this blog is Formatting Lists.

Many more can be found on the main index page or by looking through the archives.

Creative Commons License
This weblog is licensed under a Creative Commons License.
Powered by
Movable Type 3.35