CodeAve.com/CSS - Text Background Color

CodeAve.com - CSS - Text Display

ASP
JavaScript
CSS
·Basics
·Page Display
·Text Display
·Script Writers
·Contents
·What's New?
HTML
Maps
Links
Mail List
Search
Sitemap

Text Background Color

Just like a used textbook CSS enables you to place a background color or highlight behind text within a webpage. The behavior of the background color will depend on the tag you associate the background color command to. In this example we show backgrounds for the <span> and <p> tags, note that the <p> tag highlights the whole block and not just the specific text. Please note, most browser default settings come set to not display background colors when printed, so you’re highlight may "disappear" when printed.

•View the Output

•Text View

•Print View

•Mail this Link

<html>
<head>
<title>CodeAve.com/CSS - Text Background Color</title>
<style type="text/css">

</style>
</head>

<body>
<p>
The background of the entire text field has been set to yellow
</p>

<br>

The background of only <span style="background-color: #FFFF66">selected text</span>
has been set to yellow

</body>
</html>