← All CSS Chapters
LoOPCode Home
06. Backgrounds
Color, image, gradient backgrounds.
Is chapter me cover hoga:
background-color
background-image
gradients
size / position
1. Gradients & color
Modern UI me soft gradients common hain.
<!DOCTYPE html> <html> <head> <style> .hero { height: 180px; border-radius: 16px; background: linear-gradient(135deg, #0d9488, #3b82f6); color: white; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 700; } </style> </head> <body> <div class="hero">Gradient Hero</div> </body> </html>
▶ Run Code
☐
Mark complete
← Box Model
Display & Position →