Convert a Warm, Cheerful Web Design to HTML and CSS - Styling the Banner

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to style a banner with CSS in this 21-minute tutorial from Envato Tuts+. Convert a warm, cheerful web design from PSD to HTML by applying background images, padding, and margins. Style headings, buttons, and breadcrumbs while troubleshooting common issues. Master techniques for positioning elements, adjusting line heights, and fine-tuning design details to create an attractive and functional banner for your website.

Syllabus

Intro
Banner Background
Apply Background Image
Apply Padding
Apply Margin
Styling the heading
Troubleshooting
Featured Position
Position in Photoshop
Padding
Button Styling
Breadcrumbs
Line Height
Higher SeeIndex
Adjusting Lines