From the course: CSS Shorts

Unlock this course with a free trial

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

Create polka dots

Create polka dots - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Create polka dots

“

- [Instructor] Hi, this is Chris Converse, and in this episode, we'll create a polka dot pattern for the background of our web page using gradients and background properties in CSS. So if you'd like to follow along, download the exercise files, and let's begin by opening the HTML file in a text editor. And once you have the HTML file open, you'll see we have a pretty simple layout in place here. Inside of the body area, we have an article element. Inside of the article element is an image, an h1, and a paragraph. If you look at this in a browser, you'll see a dark blue background in the body as well as a dark blue background in the article area. And now to create our polka dot pattern in the background, let's go back to the exercise files. Let's find style.css and open this in our text editor. Once you have this open, let's find the rule that targets the body element. And then down here, after background color, let's come in here and add another property for background image. So we'll…

Contents