To request editing rights on the Wiki, click here.

Help:Wiki University Wikitext--Backgrounds

From FamilySearch Wiki
Jump to navigation Jump to search

Lessons


Intermediate


Advanced


Flexbox


Additional Helps

You have learned 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[edit | edit source]

  • To change the background color we use the following attribute:
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:

<p style="background-color:blue; color:white">Lorem ipsum...</p>

  • Here is the result:

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.

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

Try these out[edit | edit source]

Tests.gif
Exercises
  • 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.