From the course: CSS Shorts

Unlock this course with a free trial

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

Striped pattern with CSS

Striped pattern with CSS - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Striped pattern with CSS

“

- [Chris] Hi this is Chris Converse and in this episode we'll create a striped background pattern for a webpage using only CSS. So if you'd like to follow along, download the exercise files and we'll begin by opening the HTML file in a text editor. And so once you have the HTML file open you'll see that we have the link to style.css up in the header. We're gonna be opening this in a moment. And in the body area we have a very simple layout, which consists of just a header and an article element. And if you open this page in a browser you'll see the layout we're starting with. So to create a background striped pattern let's go back to the exercise files and let's open up style.css in our text editor. And so once you have the CSS file open let's come down into the role that targets the body element. Let's come down here and let's first remove the background color. So we'll just remove that entire background property. And now let's add in background dash image. And for the value of this…

Contents