Coursera Plus Annual is 40% Off — Ends July 6.

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
OpenLearning Ad

Master AI and Machine Learning: From Neural Networks to Applications

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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.