You are at the section Intro to CSS
Fun With Backgrounds: Colors
examples using Background CSS tags
Using the p element: (you can also use h1, h2, h3, h4, h5, h6, body, and div elements too).
<p style="INSERT CSS HERE">
Let's change the background of the paragraph to white. Also, we'll change the text to black.
<p style="background-color:white; color:black">
The background in this paragraph is white, and the color of the text is black.
The background in this paragraph is white, and the color of the text is black.
The background in this paragraph is white, and the color of the text is black.
The background in this paragraph is white, and the color of the text is black.
</p>
You can do the same in a DIV element. Let's set the background to yellow and the text to red.
<div style="background-color:yellow; color:red">
The background in this paragraph is yellow, and the color of the text is red.
The background in this paragraph is yellow, and the color of the text is red.
The background in this paragraph is yellow, and the color of the text is red.
The background in this paragraph is yellow, and the color of the text is red.
</div>
Let's nest the p element inside the div element using the same colors:
<div style="background-color:yellow; color:red">
The background in this paragraph is yellow, and the color of the text is red.
The background in this paragraph is yellow, and the color of the text is red.
<p style="background-color:white; color:black">
The background in this paragraph is white, and the color of the text is black.
The background in this paragraph is white, and the color of the text is black.
The background in this paragraph is white, and the color of the text is black.
The background in this paragraph is white, and the color of the text is black.
</p>
The background in this paragraph is yellow, and the color of the text is red.
The background in this paragraph is yellow, and the color of the text is red.
</div>
© 1995-2023. davesfunstuff.com. All Rights Reserved. Reproduction of any part of this website without expressed written consent is prohibited.
Help Support Our Ad-Free Web Section
Just use our PayPal link to pay.
Please to help pay for webhosting, domain payments, expenses and labor in keeping this section going. Thank you.
,
,
,
,
,
,
,
Notice Of Disclosure (updated June 2023):
"David Tanny is the owner and operator of the domains davesfunstuff.com and davidtanny.com"