From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Curve your header

Curve your header - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Curve your header

“

- [Chris] Hi, this is Chris Converse, and in this episode, we'll be creating a curved header element for our web page, so if you'd like to follow along with me, download the exercise files, and we'll begin by opening the HTML file in a text editor. And now, once you have the HTML file open, in the body area, you'll see I have a header element and an article element. So we're gonna be curving this header element. So the first thing we'll do, in the HTML, is add a div element inside of the header. And we're going to apply our effects to this element. So let's begin our div tag. I'll tab in the heading. And then on the next line, I will end the div element. And so once you have that div element in place, let's go back to the exercise files and let's open up style.css in our text editor. And so now inside the CSS file, let's scroll down, and after the rule that targets the article element, let's come in here and target the div element that is immediately inside of the header element. So…

Contents