Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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

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

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