CSS CSS Basics Basic Selectors Type Selectors

How do I change the header text color in css.?

style.css
/* Complete the challenge by writing CSS below */

body {text-align: center;}

p {color: lightslategrey;

}

header {background-color: orange;
  t
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header>
      <span>Journey through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <p>
      Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
    </p>
    <a href="#">Find out more</a>
    <div>
      <h2>Check out all the Wildlife</h2>
      <p>
        As spawning season approaches, the fish acquire a humpback and protuberant jaw. After spawning, they die and their carcasses provide a feast for gatherings of mink, bears, and Bald eagles.
      </p>
      <a href="#">See the Wildlife</a>
    <div>
  </body>
</html>

2 Answers

Nils Kriedner
Nils Kriedner
23,089 Points

You did it right, but you haven't closed the declaration properly at the end. You have a (red marked) "t" at the end instead of the "}".

Gennadii Chamorsov
Gennadii Chamorsov
5,840 Points

if it's just for a text color, I believe you have to use the property 'color' instead of 'background-color'.

Nils Kriedner
Nils Kriedner
23,089 Points

Hi Gennadii,

"color" is for the text color and "background-color" (or alternatively "background") is used for the background color.

Let me know if you have any questions about it.

Happy coding, Nils