Changing Background Color using Inline CSS
In HTML., you can change the background color of an element using inline styling. This approach involves directly adding the style
attribute to the HTML element and specifying the desired background colour using the ‘background-colour’ property
Changing Background Color using Inline CSS Syntax:
< tag style="background-color: colorname;">..</tag>
Changing Background Color using Inline CSS Example:
Here we are using Inline CSS. Inline CSS directly applies styles to individual HTML elements using the style attribute within the HTML tag
<html>
<head>
<title>Background Change using Inline CSS Example</title>
</head>
<body style="background-color: greenyellow;">
<h1>Welcome to w3wiki</h1>
<h2>We are using the Inline CSS</h2>
</body>
</html>
Output:
Changing Background Color using Inline CSS Example Explanation:
- Here we are creating a Basic HTML document with <html>, <head>, <title>, <body>, and <h1>, <h2> elements.
- In Background color “greenyellow” applied directly to the <body> tag using the style attribute.
How to change Background Color in HTML ?
The background color in HTML refers to the color displayed behind the content of the webpage.to change it, CSS is used, with various approaches available to change the background color. in which we define the background color property within a CSS rule, specifying a color value such as a name, hexadecimal code, RGB, or HSL value. Apply this rule to the desired HTML element.
There are three methods to change the background color of a document:
Table of Content
- Changing Background Color using bgcolor attribute
- Changing Background Color using an Inline CSS
- Changing Background Color using Internal CSS
- Changing Background Color using External CSS