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!

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

Chad Morris
Chad Morris
1,636 Points
Posted by Chad Morris
Chad Morris
1,636 Points

How to break up the top border of my web page into thirds?

I want to separate the very top border of my webpage into different pieces. The left 1/3rd would be a certain black, the middle 1/3rd would be white, and the right 1/3rd would be black.

I'm doing this so I can put a graphic in the middle of the top border. I'm unsure how to even get started doing this.

I know I can use the border-top tag to alter the properties of my top border, but that will alter the entire border. Do I need to use three div tags in order to do this?

Thanks, Chad

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

I took a peek at your profile and see that you're working on HTML and CSS. My best advice? Keep going on the path you're on. All this will be covered if you just continue along. But yes, you could use 3 div tags to do what you're looking for.

Chad Morris
Chad Morris
1,636 Points
Chad Morris
Chad Morris
1,636 Points

Thanks! I figured it would be. I will ask again if I'm still unsure after later lessons.