Styling the source Class

Now that the <blockquote> and paragraph elements are styled, you can focus on the paragraph classed with source. This paragraph will be used to place the second background image in the bottom-right corner of the block quote.

A shorthand declaration can be used to set the image, repeat, and position—background: url(lesson13a.gif) no-repeat 100% 100%. The x and y axis must be set to 100% to place the bottom-right edge of the image in the bottom-right corner of the paragraph. no-repeat should be used to stop the image from repeating under the text. The background image is shown in Figure 13.4.