backgroundcolor html code example

Example 1: html background color

<html>
 
<body style="background-color:red;">
  <p> test <p/> 
  <body/>
  </html>

Example 2: how to make a background color in html

<body style="background-color: #fff">
  <!---this will change the body color---!>

</body>

Example 3: html change background color

<!DOCTYPE html>
<html>
<body style="background-color:powderblue;">

</body>
</html>

Example 4: fill color behid text in html

Put the text in an inline element, such as a <span>.

<h1><span>The Last Will and Testament of Eric Jones</span></h1>
And then apply the background color on the inline element.

h1 {
    text-align: center; 
}
h1 span { 
    background-color: green; 
}
An inline element is as big as its contents is, so that should do it for you.

Example 5: fill color behid text in html

Option 1
display: table;

no parent required
h1 {
    display: table; /* keep the background color wrapped tight */
    margin: 0px auto 0px auto; /* keep the table centered */
    padding:5px;font-size:20px;background-color:green;color:#ffffff;
}
<h1>The Last Will and Testament of Eric Jones</h1>

Tags:

Css Example

Recent Posts