CSS-only Tabs

HTML CSS Resultat

HTML

Strukturen til nettsider. Semantisk markup som gir mening til innhold.

CSS

Styling og layout. Gjør nettsider vakre og responsive.

Resultat

HTML + CSS = Fantastiske nettsider uten JavaScript!

<input type="radio" name="tabs" id="tab1">
<label for="tab1">Tab 1</label>

/* Show content when checked */
#tab1:checked ~ .content .panel-1 {
  display: block;
}