Guided Notes

W3.CSS: Buttons, Bars & Forms

Buttons, navigation bars, dropdowns, sidebars, tabs, accordions, tables, lists, inputs, badges, and tags.

Buttons

Slide 1 / 5

Two button classes: w3-button — a gray background on hover. w3-btn — a shadow on hover.

Combine with color, size, and shape classes: <button class="w3-button w3-blue w3-round-large w3-large">Sign up</button> <a href="#" class="w3-button w3-border w3-hover-green">Link button</a>

w3-block makes a full-width button; w3-bar groups buttons side by side; w3-ripple adds a click ripple; w3-disabled greys one out.

← W3.CSS: Responsive Layout