Home DFS SB OD SDN

Notice: How To Tip The Webmaster.


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>

Menu:
Intro to CSS Main Page Fun With Font: Font Families Fun With Fonts: Font Styles Fun With Fonts: Font Weights Fun With Fonts: Font Sizes Fun With Text: Color Fun With Text: Decoration Fun With Text: Transformation Fun With Text: Alignment Fun With Text: Indentation Fun With Background: Color
Related:
Silicon Cajon Home Page DavesFunStuff
Market Zone:
Dave's Fun Stuff
TV Zone:
Find your favorite TV shows with "Let's Watch TV!"
Notable:
Dave's Fun Stuff SDN Media News and More
Footer:
Dave's Fun Stuff Super Birthdays Contact Webmaster



© 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 Donate Cash to help pay for webhosting, domain payments, expenses and labor in keeping this section going. Thank you.

$2, $5, $10, $20, $50, $75, $100, $ANY

Notice Of Disclosure (updated June 2023):

"David Tanny is the owner and operator of the domains davesfunstuff.com and davidtanny.com"

Website Cookie Policy