• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 13. Styling a Block Quote > Styling the source Class

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.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint