Blockquotes a nice way to impress your users

Blockquotes a really a very nice way to differentiate some of the content from the rest. And it is also a nice way to impress the users by using a cool style for the quote
In this post i have given the different styles of blockquotes from different sources just check the styles.



Style 1

Code
blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }
Style 1

Code
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
Style 3

blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: “Monotype Corsiva”, “Apple Chancery”, fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }
Unlike other quotes this style has an option of bold first letter.
Style 4






Code
blockquote {
    background-color: #666;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
Style 6
Code
blockquote {
    background-color: #666;
    color:#fff;
    padding: 15px;
    margin: 1em 40px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 15px; }
The above blockquotes are provided by CSSNewbie

http://strongindustriescorp.com/blockquotes-nice-way-to-impress-your/