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) Make It Beautiful With CSS Test: Styling by Element and Class

Posted by Carlton Schackert
Carlton Schackert
522 Points

im stuck on 522 intro to css and html

how can i change class close sentence and change css ? need help with 3 objectives.

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

    <p>My amazing website</p>

  </body>
</html>
styles.css

2 Answers

Rabin Gharti Magar
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,928 Points
Rabin Gharti Magar
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,928 Points

Hey Carlton Schackert,

In your index.html file add a class attribute and give it a name main-pg.

    <p class="main-pg">My amazing website</p>

Then, inside your css file, select that class attribute to give it a border.

.main-pg {
  border: 4px solid red;
}

Hope this helps!

Lucas Christfort
Lucas Christfort
1,143 Points
Lucas Christfort
Lucas Christfort
1,143 Points

First, you will need to give the paragraph a class. This can be done by adding a "class" in the starting paragraph. And then a name for the class 

<p class="main-pg">My amazing website</p>

Second, you will need to make a reference to the class from the HTML file. This can be done by adding a "." and then the name of the class you are trying to change. Like this:

.main-pg {

}

Third, you will need to add a border for the ".main-pg", that is solid, red and 4px. This can be done like this:

.main-pg {
  border: solid red 4px;
}