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

HTML Introduction to HTML and CSS (2016) Getting Familiar with HTML and CSS Test: Changing the Look of a Web Page

Posted by Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

Css background colour

How do change the colour to purple

index.html 
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <h1>Welcome to My Web Page!</h1>

  </body>
</html>
styles.css

2 Answers

Luke Pettway
Luke Pettway
16,593 Points
Luke Pettway
Luke Pettway
16,593 Points

Check out this awesome guide on the background-color property: https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

If you add it to your style.css file, and set the color to purple you should be able to pass the challenge. I don't want to give the answer right away, so let me know if you are still stuck and I can give you a bigger hint.

Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

Am still stuck am not the concept will u mind explaining please

Jacob Mishkin
Jacob Mishkin
23,118 Points

Review the the MDN docs in the link that was provided. There it will tell you how to style the; body{ background to purple.}

Jacob Mishkin
Jacob Mishkin
23,118 Points
Jacob Mishkin
Jacob Mishkin
23,118 Points

We will need to see what you have come up with, as you have not written any CSS yet.

hint: you need to select the background property and set its color to purple.

Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

Am I selecting h1 or welcome to Web page. there is where I don't understand

Jacob Mishkin
Jacob Mishkin
23,118 Points

the second challenge states to select the h1 tag. and change it's color to purple.

you need to select the h1 tag in the style.css file provided. to select the h1 tag write h1, open and close brackets and then select the color property and set its value to purple.

Please review the docs provided by Luke Pettway for examples. There it will tell you exactly how to do this. If you still need help after reviewing the docs, please provide code that you have tried to use to complete the challenge and will will go from there.