This tutorial allows you to have your very own quote box just like the sample below.

The quote box is used when you want to quote someone, for example: when replying to a comment in your blog.

First of all, add this to your CSS.

/* css */
blockquote {
background:#000000
url(your link here)
repeat-y scroll left top;
border-color:#ffffff
rgb(102, 102, 102)
rgb(102, 102, 102)
rgb(255, 255, 255);
border-style:solid;
border-width:1px;
font-size:0.9em;
font-family : inherit;
padding:0px 20px 0px 55px;
}

Let’s break down the CSS for easy customization:
/* css */
blockquote {
background:#000000 url(your link here) repeat-y scroll left top; – Background of the quote box. You can use an image if you’d like.
border-color:#ffffff; – The colour of the border.
border-style:solid; – The style of the border.
border-width:1px; – How wide is the border?
font-size:0.9em; – Font Size.
font-family : inherit; – Font Family of what ever the tag before this.
padding:0px 20px 0px 55px;
}

And here is HTML that you have to use:

<blockquote>
Your quote here
</blockquote>