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

Roni Lubwama
Roni Lubwama
3,456 Points
Posted by Roni Lubwama
Roni Lubwama
3,456 Points

how do you give the paragraph a border that is 4px wide, solid and red in CSS?

how do you give the paragraph a border that is 4px wide, solid and red in CSS?

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

    <p class="main-pg"></p>

  </body>
</html>
styles.css 
.main-pg{
}

5 Answers

Naeem Memon
Naeem Memon
471 Points
Naeem Memon
Naeem Memon
471 Points

Try this:

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

Daisho Komiyama
Daisho Komiyama
15,906 Points
Daisho Komiyama
Daisho Komiyama
15,906 Points

There you go,

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

You can also write red instead of hex (ex. #ff0000), but as convention write hex code ;)

angelfirenze
angelfirenze
10,870 Points

This was the only thing that helped after FOUR HOURS of trying to figure out what combination would work! THANK YOU!

Roni Lubwama
Roni Lubwama
3,456 Points
Roni Lubwama
Roni Lubwama
3,456 Points

thanks, truly grateful

Zachary Scott
Zachary Scott
1,650 Points
Zachary Scott
Zachary Scott
1,650 Points

Spoiler Alert

.main-pg { 
  border: 4px; 
  border-style: solid; 
  border-color: red; 
}
Nauman Khalid
Nauman Khalid
11,939 Points
Nauman Khalid
Nauman Khalid
11,939 Points

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