Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Beginning HTML and CSS Write a CSS Selector and Property

how do you color the h1 tag green

coloring of h1 tag green

index.html
<body>
  <style>
    h1 {
    color: blue:
    }
  </style>
  <h1>Nick Pettit</h1>
</body>

1 Answer

Isaac Asante
Isaac Asante
4,752 Points

Hey, the easiest way to color the H1 element in green, is to change "blue" to "green". Exactly like this:

h1 { color: green; }

But keep in mind that it's always better to use an external style sheet and link to it via the "link" element in your HTML document's head. For instance, you'd create a CSS file called main.css, and inside the main.css file, you'd specify the h1 CSS rule stated above. To link an external style sheet to your HTML file, use the "link" element like this (make sure it's in your <head></head> section):

<link rel="stylesheet" href="/css/main.css">

Hope I helped there!