From the course: HTML & CSS: Creating Forms
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Styling buttons - HTML Tutorial
From the course: HTML & CSS: Creating Forms
Styling buttons
- [Instructor] From the styling perspective, there are three types of buttons. In this video, we're going to look at how to style two of these types, the button using an input element and a button using a button element. There are also buttons that are on image. The first type is using the input element. You see here three different variations, the type of submit, type of reset, and type of button. These three buttons work slightly differently, but they're styled exactly the same, so any styles you apply would affect them in the same way. Then we also have three types of button using the button element. Again, they're submit, reset, and button as their types. And they again work slightly differently but any styles you apply would affect all three of these in the same way. The third type of button is the image type of input. Although this element also works as a button, it's styled very differently as an image, so you can just style it the same as you would any image. So we'll just be…
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)
Basic form styles: Text color and size6m 44s
-
(Locked)
Box sizing for forms2m 29s
-
(Locked)
Styling text inputs4m 39s
-
(Locked)
Styling radio buttons and check boxes with images6m 20s
-
(Locked)
Styling radio buttons and check boxes as buttons3m 7s
-
(Locked)
Styling select5m 25s
-
(Locked)
Styling buttons10m 10s
-
(Locked)
Styling pseudo-classes6m 37s
-
(Locked)
-
-