From the course: CSS Essential Training
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Project: Button styles
From the course: CSS Essential Training
Project: Button styles
- [Instructor] In this project update, we'll style the links in the project description. These types of links are commonly referred to as a call to action or CTA for short because they prompt visitors to take an action, like click here or subscribe. We'll add button like styling to make them stand out. Here's what they look like in the final version. A background color and rounded corners have been added. Various textiles have also been added, and we're also gonna add some interactivity by changing the colors on hover. Let's go to the editor and update the HTML. Project items with multiple CTAs are contained in a list. I'm currently using one in my first project. If you're using a list as well, let's start by reusing the list reset class to remove the bullets and the default margin and padding. We'll add that class to the UL tag. List-reset. Save the file, And now we see that the default styles have been removed. For…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
(Locked)
Typography for the web3m 32s
-
(Locked)
Changing fonts with font-family2m 18s
-
(Locked)
Working with font-weight and font-style1m 48s
-
(Locked)
Web fonts with @font-face1m 56s
-
(Locked)
Online font services3m 54s
-
(Locked)
Project: Add custom fonts4m 38s
-
(Locked)
The font-size property3m 19s
-
(Locked)
Font size and accessibility4m 32s
-
(Locked)
Text-align, text-transform, and text-decoration3m 28s
-
(Locked)
Line-height and letter-spacing2m 49s
-
(Locked)
Project: Font and text styles8m 28s
-
(Locked)
Project: Button styles7m 3s
-
(Locked)
Project: Borders, spacing, and color11m 38s
-
(Locked)
-
-