Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

Envato Tuts+ via YouTube

Start learning Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Coursera Ad

Save 40% on 3 months of Coursera Plus

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
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

Taught by

Envato Tuts+

Reviews

Start your review of Convert a Warm, Cheerful Web Design to HTML and CSS - Styling the Banner

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.