W3.CSSLesson 10Free preview
W3.CSS Buttons
This lesson is part of W3.CSS · All levels
Summary
The button in W3.CSS is created by adding a class w3-button to an element such as <a> or <button>, and then given a color such as w3-blue or w3-red. The size, shape, and effect of hover are poorly regulated through classes such as w3-large, w3-round, w3-block, and w3-hover-*. This combination makes the buttons consistent across the page.
Key points
- W3-button converts the regular element into a consistent style button
- Colors are added with classes such as w3-blue, w3-red, or w3-black
- The size uses w3-small, w3-large, and w3-mobile
- W3-block makes the container width button, w3-round round the corner
- W3-hover-<color> changes color when the cursor is above the button
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.