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 trialElizabeth Chipendo
Courses Plus Student 6,468 Pointshow do i code for a color change on css
css
<body>
<h1>Nick Pettit</h1>
</body>
3 Answers
Joshua Farley
11,312 Pointsbody h1 {
color: blue;
background: yellow;
}
Denis Murphy
14,388 PointsIf you want to color the h1 text and just have the background initially around it in a different color:
h1 {
color: black;
background: grey;
}
If you want all the background to be grey then you just need a seperate body element:
h1 {
color: black;
}
body {
background: grey;
}
rayorke
27,709 PointsWhile both Denis and Joshua are correct, their suggestions are ideal for an external CSS file. The challenge question is actually asking you to write the style on the html page. Your html should look something like the following:
<body>
<style></style>
<h1>Nick Pettit</h1>
</body>
You can then insert the CSS within the style tag so that it looks something like this:
<style>h1 { color: green; }</style>
Which is also equivalent to:
<style>
h1 {
color: green;
}
</style>
The semi-colon after green is not necessary, but it's usually considered best practice to include it just in case you add other styles to the h1 element.
I hope that helps!