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

LinkedIn Learning

Design the Web: Creating CSS-Only Navigation Menus

via LinkedIn Learning

Go to class Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Coursera Ad

Save 43% on 1 Year of Coursera Plus

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Did you know you can add drop-down menus to your webpage with nothing more than HTML and CSS? Learn how in this installment of Design the Web.

Syllabus

Introduction
  • Welcome
  • Using the exercise files
1. Creating Menus with CSS
  • Nesting unordered lists in HTML
  • Overriding the bulleted list style
  • Clearing the floats with pseudo-elements
  • Showing and hiding submenus on hover
  • Positioning the third-level menus
  • Styling the top-level items
  • Adding support for ARIA
  • Making the menu responsive

Taught by

Chris Converse

Reviews

Start your review of Design the Web: Creating CSS-Only Navigation Menus

Go to class

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.