How to set the background-color of text with CSS

The code example below shows you how to set the background-color of text with CSS.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Web Development Tutorials.com</title>

<style type="text/css">
span.backgroundcolor
{
background-color: #FF0000;
}
</style>

</head>
<body>
<span class="backgroundcolor">This text has a red background. </span> This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. <span class="backgroundcolor">This text has a red background. </span>
</p>
</body>
</html>

The above code makes the paragraph below.

This text has a red background. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This is more text. This text has a red background.

Use the text editor below to practice what you have learned.

Free Website Templates

Free Web Tools

Recommended Websites