DaddyFile: CSS Syntax And Background

CSS Set Position a background image Code For Website - Learn About Website

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s400/01.jpg" width="400" /></a></div>
<br />
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
Background Image - Set position and no-repeat Explain</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
Showing the background image only once is also specified by the <code style="background-color: #f1f1f1; box-sizing: border-box; color: crimson; font-family: monospace, monospace; font-size: 15.75px; padding: 1px 4px;">background-repeat</code> property.</div>
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;">Html Code:</span></b><br />
<b><span style="font-size: large;"><br /></span></b>
<!DOCTYPE html><br />
<html><br />
<head><br />
<style><br />
body {<br />
    background-image: url("img_tree.png");<br />
    background-repeat: no-repeat;<br />
    background-position: right top;<br />
    margin-right: 200px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<h1>Hello World!</h1><br />
<p>background no-repeat, set position example.</p><br />
<p>Now the background image is only shown once, and positioned away from the text.</p><br />
<p>In this example we have also added a margin on the right side, so the background image will never disturb the text.</p><br />
<br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<hr />
<hr />
<h1>
<span style="color: #3d85c6; font-size: large;">Html Code Result:</span></h1>
<h1>
<div style="font-size: medium; font-weight: normal;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8o52I-kHoQKlZ59nUg7HAyj9tz40qUffWj-HhOyAhRuMEXOrVLs3cokAZLRRAncgiMQXQxW57LrWM9Rkoh1gnfmppFwvzbxVbMRrTxM-W7xEcdzKoHo88nSZfX24l2ZLYQb95q9Gbp3S/s1600/b+5.bmp.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8o52I-kHoQKlZ59nUg7HAyj9tz40qUffWj-HhOyAhRuMEXOrVLs3cokAZLRRAncgiMQXQxW57LrWM9Rkoh1gnfmppFwvzbxVbMRrTxM-W7xEcdzKoHo88nSZfX24l2ZLYQb95q9Gbp3S/s320/b+5.bmp.jpg" width="290" /></a></div>
<br /></div>
</h1>

CSS Set Position a background image Code For Website - Learn About Website

Background Image - Set position and no-repeat Explain Showing the background image only once is also specified by the background-rep...

HTML/CSS class selector (for only p elements) Code For Website - Learn About Website

HTML/CSS class selector (for only p elements) Code For Website - Learn About Website

You can also specify that only specific HTML elements should be affected by a class. In the example below, only <p> elements wi...

CSS Set background Color Code For Website - Learn About Website

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s400/01.jpg" width="400" /></a></div>
<br />
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
Background Color Explain</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
The <code style="background-color: #f1f1f1; box-sizing: border-box; color: crimson; font-family: monospace, monospace; font-size: 15.75px; padding: 1px 4px;">background-color</code> property specifies the background color of an element.</div>
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
The background color of a page is set like this.</div>
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;">Html Code:</span></b><br />
<b><span style="font-size: large;"><br /></span></b>
<!DOCTYPE html><br />
<html><br />
<head><br />
<style><br />
body {<br />
    background-color: lightblue;<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<h1>Hello World!</h1><br />
<br />
<p>This page has a background color!</p><br />
<br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<hr />
<hr />
<h1>
<span style="color: #3d85c6; font-size: large;">Html Code Result:</span></h1>
<h1>
<div style="font-size: medium; font-weight: normal;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Lc7Itx2omT5S5nXbhTq9kGpXmsBCyy6qGBybBJAF6C10qUtEEbly5JZshRO3R7PoqJ3C045zxEYmAQws2VBZXQLsx3YHgsVHYL7zk4w1XXznP94R-2rSU0fp8J9L9j7-2j5rBk4ATl6M/s1600/b+1.bmp.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Lc7Itx2omT5S5nXbhTq9kGpXmsBCyy6qGBybBJAF6C10qUtEEbly5JZshRO3R7PoqJ3C045zxEYmAQws2VBZXQLsx3YHgsVHYL7zk4w1XXznP94R-2rSU0fp8J9L9j7-2j5rBk4ATl6M/s320/b+1.bmp.jpg" width="290" /></a></div>
<br /></div>
</h1>

CSS Set background Color Code For Website - Learn About Website

Background Color Explain The background-color property specifies the background color of an element. The background color of a pa...

HTML/CSS id selector Code For Website - Learn About Website

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s400/01.jpg" width="400" /></a></div>
<br />
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
The id Selector Explain</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
The id selector uses the id attribute of an HTML element to select a specific element.</div>
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
The id of an element should be unique within a page, so the id selector is used to select one unique element!</div>
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
To select an element with a specific id, write a hash (#) character, followed by the id of the element.</div>
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
The style rule below will be applied to the HTML element with id="para1".</div>
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;">Html Code:</span></b><br />
<b><span style="font-size: large;"><br /></span></b>
<!DOCTYPE html><br />
<html><br />
<head><br />
<style><br />
#para1 {<br />
    text-align: center;<br />
    color: red;<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<p id="para1">Hello World!</p><br />
<p>This paragraph is not affected by the style.</p><br />
<br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<hr />
<hr />
<h1>
<span style="color: #3d85c6; font-size: large;">Html Code Result:</span></h1>
<h1>
<div style="font-size: medium; font-weight: normal;">
<div id="para1" style="color: red; text-align: center;">
Hello World!</div>
This paragraph is not affected by the style.</div>
</h1>

HTML/CSS id selector Code For Website - Learn About Website

The id Selector Explain The id selector uses the id attribute of an HTML element to select a specific element. The id of an element...

CSS The Class selector (for all elements) Code For Website - Learn About Website

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s400/01.jpg" width="400" /></a></div>
<br />
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
The class Selector Element Explain</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
The class selector selects elements with a specific class attribute.</div>
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
To select elements with a specific class, write a period (.) character, followed by the name of the class.</div>
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
In the example below, all HTML elements with class="center" will be red and center-aligned.</div>
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;">Html Code:</span></b><br />
<b><span style="font-size: large;"><br /></span></b>
<!DOCTYPE html><br />
<html><br />
<head><br />
<style><br />
.center {<br />
    text-align: center;<br />
    color: red;<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<h1 class="center">Red and center-aligned heading</h1><br />
<p class="center">Red and center-aligned paragraph.</p><br />
<br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<hr />
<hr />
<h1>
<span style="color: #3d85c6; font-size: large;">Html Code Result:</span></h1>
<h1 class="center" style="color: red; text-align: center;">
Red and center-aligned heading</h1>
<h1>
<div style="font-size: medium; font-weight: normal;">
<div class="center" style="color: red; text-align: center;">
Red and center-aligned paragraph.</div>
</div>
</h1>

CSS The Class selector (for all elements) Code For Website - Learn About Website

The class Selector Element Explain The class selector selects elements with a specific class attribute. To select elements with a s...

CSS image as the background of a page Code For Website - Learn About Website

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s400/01.jpg" width="400" /></a></div>
<br />
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
Background Image Explain</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
The <code style="background-color: #f1f1f1; box-sizing: border-box; color: crimson; font-family: monospace, monospace; font-size: 15.75px; padding: 1px 4px;">background-image</code> property specifies an image to use as the background of an element.</div>
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
By default, the image is repeated so it covers the entire element.</div>
<div style="box-sizing: border-box; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">
The background image for a page can be set like this.</div>
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;">Html Code:</span></b><br />
<b><span style="font-size: large;"><br /></span></b>
<!DOCTYPE html><br />
<html><br />
<head><br />
<style><br />
body {<br />
    background-image: url("paper.gif");<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<h1>Hello World!</h1><br />
<br />
<p>This page has an image as the background!</p><br />
<br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<hr />
<hr />
<h1>
<span style="color: #3d85c6; font-size: large;">Html Code Result:</span></h1>
<h1>
<div style="font-size: medium; font-weight: normal;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFU1Z-n1xdqj29L5H-_IdSD3_hks8hIX0b8L6DdHtIdAnuheSLK0Mphg_0n8Kd3ngb1ZhB3dDjIIQoIu-HjsVkCIufUtOwqkGqSErE5xC21JV2AHVvFNcfanY6cW_iUIa6Q2wIKQgvfbQ/s1600/b+3.bmp.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFU1Z-n1xdqj29L5H-_IdSD3_hks8hIX0b8L6DdHtIdAnuheSLK0Mphg_0n8Kd3ngb1ZhB3dDjIIQoIu-HjsVkCIufUtOwqkGqSErE5xC21JV2AHVvFNcfanY6cW_iUIa6Q2wIKQgvfbQ/s320/b+3.bmp.jpg" width="291" /></a></div>
<br /></div>
</h1>

CSS image as the background of a page Code For Website - Learn About Website

Background Image Explain The background-image property specifies an image to use as the background of an element. By default, the...

CSS background color of different elements Code For Website - Learn About Website

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJwhYoOSvcxG4CEcpbdsf7KF3mZF9rwWWQ7mLc-HnTbZtKjDocHeBnGOlSjiLikfvAfNryF2H3QAxVZjUyHuZSwI3f0V6qmdzP9cLMf2ijkrdzmt6o-SyxSzRc3cpLzVfCk_Z2jq6xbik/s400/01.jpg" width="400" /></a></div>
<br />
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
<span style="font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;">In the example below, the <h1>, <p>, and <div> elements have different background colors.</span></h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<h2 style="background-color: white; box-sizing: border-box; font-family: 'segoe ui', arial, sans-serif; font-size: 30px; font-weight: 400; margin: 10px 0px;">
</h2>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;"><br /></span></b>
<b><span style="color: #3d85c6; font-size: large;">Html Code:</span></b><br />
<br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<style><br />
h1 {<br />
    background-color: green;<br />
}<br />
<br />
div {<br />
    background-color: lightblue;<br />
}<br />
<br />
p {<br />
    background-color: yellow;<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<h1>CSS background-color example!</h1><br />
<div><br />
This is a text inside a div element.<br />
<p>This paragraph has its own background color.</p><br />
We are still in the div element.<br />
</div><br />
<br />
</body><br />
<span style="font-size: medium;"></span><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<hr />
<hr />
<h1>
<span style="color: #3d85c6; font-size: large;">Html Code Result:</span></h1>
<h1 style="background-color: green;">
CSS background-color example!</h1>
<h1>
<div style="font-size: medium; font-weight: normal;">
<div style="background-color: lightblue;">
This is a text inside a div element.<div style="background-color: yellow;">
This paragraph has its own background color.</div>
We are still in the div element.</div>
</div>
</h1>

CSS background color of different elements Code For Website - Learn About Website

In the example below, the <h1>, <p>, and <div> elements have different background colors. Html Code: <!D...

DaddyFile