CSS Lesson 3 - Colors & Backgrounds

Changing Text Color

h1{

color:blue;

}

body{

background:#f4f7fb;

}

body{

background-image:url("background.jpg");

background-size:cover;

background-position:center;

}

.hero{

background:linear-gradient(
135deg,
#2563eb,
#7c3aed
);

color:white;

}

💡 Pro Tip: Gradients make modern websites look much more professional.

⚠ Common Mistake: Don't use too many different colors. Stick to 2–4 main colors for a professional design.

Which CSS function creates a gradient background?