CSS Text Example

CSS provides several properties for formatting text.

Text Color

The color property change the colour of your text.

Example:-

body {
  color: blue;
}

h1 {
  color: green;
}

We are define both background-color property and the color property:

Example:-

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

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

The text-align property is used to set the horizontal alignment of a text that is.

Example:-

h1 {
  text-align: center;
}

h2 {
  text-align: left;
}

h3 {
  text-align: right;
}

To usetext-decoration property set or remove decorations from text.

Example:-

a {
  text-decoration: none;
}
h1 {
  text-decoration: overline;
}
h2 {
  text-decoration: line-through;
}
h3 {
  text-decoration: underline;
}

To Use thetext-transform for uppercase and lowercase letters in a text.

Example:-

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}
p.capitalize {
  text-transform: capitalize;
}

Next TopicCSS Fonts