Help:Wiki University Wikitext--Backgrounds
Jump to navigation
Jump to search
Lessons
- HOME
- Introduction
- Headers
- Lists
- Nesting Lists
- Links
- Broken Links
- Comments
- Categories
- Image Embedding
- Image Tooltips & Borders
- Image Links
- Images & Text; Embedding PDF
- Snipping Tool & Paint
- Paragraphs
- Inline Styling
- Changing Fonts
- Font Colors
- Backgrounds
- Multi-attributes
- Font Bold-Italics
- Div Tag - Intro
- Borders
- Padding
- Margins
- Width and Height
- Alignment - Horizontal
- Tables
- Breadcrumb Trails
- Ref/Footnotes
- SEO
Intermediate
Advanced
Flexbox
Additional Helps
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]
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.