Lesson 7: Backgrounds and Gradients

CSS equips us with the ability to add colors and images to elements on a page. 

Backgrounds and Gradients

Deciding when to use the html <img> tag vs. setting an image as a background can get confusing, but the slides and exercises in this lesson should help clear things up.

CSS Gradient Generator

Visit the link below to easily, visually create the CSS code for web gradients:

Check This Out

Check out the link below:

Styles Conference Update

Visit the link below and update your index.html and main.css file to include the correct code up to this point (Chapter 6: Working with Typography):

In Practice

Now continue working on the “In Practice” portion of the Styles Conference website to update the backgrounds: