From the course: Practical CSS for No-Coders

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Working with background images in CSS

Working with background images in CSS

From the course: Practical CSS for No-Coders

Start my 1-month free trial Buy for my team

Working with background images in CSS

“

- [Instructor] Let's experiment with background images in our webpage. In CodePen, you may not add your own images to the site unless you have a paid account. I've given you an image to use for this exercise that won't require a paid account. Be sure to fork the starting CodePen as you have been doing. All starting CodePen addresses are in the exercise files. Before we start, let's take a look at the images that we're going to work with, and the way we can do that is here inside of our CSS, you'll see that I've given you two background images. I've actually given them to you as a comment. You can see that we have a property, in this case, background image, and we have a value, that value is a URL. And then in parentheses we have the actual URL. If you copy just that URL, copy, open up another tab, and then paste, you'll see what that image actually looks like. So the one that's called blue dots looks like this, looks…

Contents