FamilySearch HTML Backgrounds

Backgrounds
You have leaned how to change the font, size of the font, and the color of the font inside a paragraph. What if we only want to change the color of the background of a paragraph for emphasis?

Changing Backgrounds
background-color: select a color Let's take our lorem ipsum paragraph and change the background color to blue and the font to white. Here is the attribute coding: Lorem ipsum...    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * To change the background color we use the following attribute:
 * Here is the result:

Again, here is the link to a list of colors accepted by all browsers: list.

Try these out


 Exercises Check your answers
 * What is the coding to change the color of the background  of the lorem ipsum paragraph to green and the text to orange?
 * Create a paragraph of your favorite color for the background of the lorem ipsum paragraph and another color for the text from the list of colors.

 Quick Quiz
 * How to make text invisible on a page without erasing it.
 * A. Black text on a black background.
 * B. White text on a white background.
 * C. All of the above.

Check your answers