How do I make shaded box for a quote?

A quote box looks like this:

Chilihead is smert.

And, it’s not as hard to do as you might think. You will, however, have to get your hands dirty in your HTML. Wait! Don’t leave! You can do this! Deep breaths, people. Stay with me.

To make a blockquote without a box, you simply type your text, then highlight it, then click on the Quote Mark button. If you look at your Edit HTML tab, you’ll see the HTML for a blockquote is <blockquote>This is some quoted text.</blockquote>

To spice up your quote you may want to add a shaded box so it stands out on your page more. To do that, copy and paste this code into your Edit HTML tab (not your Compose tab).

<blockquote style="border: 2px solid #666; padding: 10px; background-color: #ccc;"> This is some quoted text.</blockquote>

You can change any of the bolded elements to your preference. The border can be 10px instead of 2px if that’s your thing. It can be dashed, dotted, or invisible instead of solid; just change the word "solid" to "dashed" (without the quotes) or whichever type of border you want.

The #666 and #ccc are HTML elements that tell your browser what color to use. They are called Hexadecimal values. Here is a chart that will help you choose which value you’d like to use for your background and border colors.

Finally, change the italicized part that says This is some quoted text to the actual text you’d like to use. Click over to the Compose Post tab and make sure you like what you see. If you do, click Save. If not, keep making changes until you’re happy and then click Save.

See? That wasn’t so bad. You are an HTML-wielding quoter!