This site is 📱 accessible. Tap here to use the mobile stylesheet.

4.1 CSS Text

Text Formatting

This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from this colored "Try it Yourself" link.

Text Color

The color property is used to set the color of the text. The color is specified by:

Look at CSS Color Values for a complete list of possible color values. The default text color for a page is defined in the body selector.

Example 1
body {
  color: blue;
}

h1 {
  color: green;
}

Text Color and Background Color

In this example, we define both the background-color property and the color property:

Example 2
body {
  background-color: lightgrey;
  color: blue;
}

h1 {
  background-color: black;
  color: white;
}

div {
  background-color: blue;
  color: white;
}

CSS Course Home
Module 4: Text, Fonts and Icons