Set Div Background Color with Only Html

Question

is it possible to set the div bg color with on css, just pure html. any suggestions would be helpful...

body {
    background-color: #6B6B6B;
    margin: 50px;
    
    font-family: Arial;
    color: white;
    font-size: 14px;
    font-weight: 100;
    line-height: .2;
    letter-spacing: 1px;
}

<div style="height:100px;" style="background-color:red;">text</div>

Accepted Answer

Welcome to StackOverflow. I know You are New contributor in SO.

NOTE:

You are using two style attributes to div tag it is invalid..!!!

<div style="height:100px;" style="background-color:red;">text</div>

Instead of use (if use different css style by separated by ; like below)

<div style="height:100px;background:red;">text</div>

Use bgColor="#6B6B6B" in body tag to change background color of body But cannot change Div background with only html. You can use inline css, that is

Must Read

But

The HTML bgcolor attribute is used to set the background color of an HTML element. Bgcolor is one of those attributes that has become deprecated with the implementation of Cascading Style Sheets.

It Supports tags like Supported tags:

Supported tags likes:

<body>,<marquee>, <table>, <tbody>,<td>,<tfoot>,<th>,<thead>,<tr>

DEMO USING bgColor:

<body bgColor="#6B6B6B">
  <div style="height:100px;background:red;">text</div>
</body>

DEMO WITHOUT USING bgColor:

<body style="background:#6B6B6B">
  <div style="height:100px;background:red;">text</div>
</body>

NOTE:

You can add background color by using background and background-color property in CSS

Answer 2

Working Code

body {
    background-color: #6B6B6B;
    margin: 50px;
    
    font-family: Arial;
    color: white;
    font-size: 14px;
    font-weight: 100;
    line-height: .2;
    letter-spacing: 1px;
}

<div style="height:100px;background-color:red">text</div>

Your syntax was broken for inline styles. You were specifying styles two times.

Answer 3

Add this CSS

body {
    background-color: #6B6B6B;
    margin: 50px;
    font-family: Arial;
    color: white;
    font-size: 14px;
    font-weight: 100;
    line-height: .2;
    letter-spacing: 1px;
}
.mydiv {
    background:red;
    padding:5px;
    color:white;
}

In HTML

<div class="mydiv">text</div>

Set Div Background Color with Only Html

3 Answers

Must Read

But

David Miller