Skip to content

Instantly share code, notes, and snippets.

@trumball

trumball/CSS3 Zebra Stripes

Created May 24, 2013 13:33
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save trumball/5643530 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save trumball/5643530 to your computer and use it in GitHub Desktop.
Download ZIP
CSS3 Zebra Stripes Possibly the best item to include zebra stripes is within a table of data. It can be difficult when users are scanning 40 or 50 rows to determine exactly which cell is lined up to which row. By adding zebra stripes on default we can update odd rows with varying background colors.
Raw
CSS3 Zebra Stripes
tbody tr:nth-child(odd) {
background-color: #ccc;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment