W3.CSS Background colors

  • The w3-color classes set the background color for any HTML element.
Example
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<link rel="stylesheet" href="w3.css">
<body>

<div class="w3-container">
<h1>Background Colors</h1>
<p>The w3-color classes is used for background colors for HTML elements:</p>
</div>

<div class="w3-container w3-blue">
<h2>Varanasi</h2>
<p>Varanasi is the most populous city in the India.</p>
</div>

<div class="w3-container w3-gray">
<h2>Varanasi</h2>
<p>Varanasi is the most populous city in the India.</p>
</div>

<div class="w3-container w3-grey">
<h2>Varanasi</h2>
<p>Varanasi is the most populous city in the India.</p>
</div>

<div class="w3-container w3-yellow">
<h2>Varanasi</h2>
<p>Varanasi is the most populous city in the India.</p>
</div>

<div class="w3-container w3-teal">
<h2>Varanasi</h2>
<p>Varanasi is the most populous city in the India.</p>
</div>

</body>
</html>
Output
W3.CSS

Background Colors

The w3-color classes is used for background colors for HTML elements:

Varanasi

Varanasi is the most populous city in the India.

Varanasi

Varanasi is the most populous city in the India.

Varanasi

Varanasi is the most populous city in the India.

Varanasi

Varanasi is the most populous city in the India.

Varanasi

Varanasi is the most populous city in the India.

CSS Framework Website development using W3.CSS Framework. W3.CSS is a Framework W3.CSS is a modern CSS framework with built-in responsiveness ...
Read More
W3.Css Containers W3. CSS Containers is predefine class use just like a external CSS. The W3-Container class adds a 16px left ...
Read More
W3.CSS Background colors The w3-color classes set the background color for any HTML element. Example <!DOCTYPE html> <html> <title>W3.CSS</title> <link ...
Read More
W3.CSS Text colors The W3-text-color classes set the background color for any HTML element. Example <!DOCTYPE html> <html> <title>W3.CSS</title> <link ...
Read More
W3.CSS Hover Colors The W3-hover-color classes define the background hover color for any HTML element. The W3-hover-text-color classes define the text hover ...
Read More
W3.CSS Panels Panels are the same as containers but extra feature is to added top and bottom margin. The w3-panel ...
Read More
W3.CSS Borders w3-border : Using this class to add borders (top, right, bottom, left) to an element.w3-border-top : Using this ...
Read More
W3.CSS Bar Note : w3-topbar, w3-bottombar, w3-leftbar, and w3-rightbar classes are used to add thick borders to an element. w3-bottombar ...
Read More
W3.CSS Text Alignment The w3-left-align classes are used for left alignment elements. The w3-right-align classes are used for right alignment ...
Read More
W3.CSS Wide Text The w3-wide classes are used for wider text. Example <!DOCTYPE html> <html> <title>W3.CSS</title> <link rel="stylesheet" href="w3.css"> <body> ...
Read More
English Hindi