CSS3 tables with rounded corners
CSS3 tables with rounded corners CSS3 tables with rounded corners There has been some discussion in the past about how/when to use tables in web development. Though, the conclusion is the same: when you’re dealing with tabular data, tables are absolutely required. Designing a table is a challenge – and here I’m not talking only about the way it looks. It’s (mostly) about how easy is your table to read . If your table isn’t easy to scan, usually users get annoyed as they lose focus when trying to find the right column and row. What’s so cool about these tables? In this article you’ll see how CSS3 and tables can work together to create some cool and usable results. Rounded corners with no images Very easy to update – there are no extra CSS id’s or classes added User-friendly and easy to read Rounded table corners Here’s the trick: while border-collapse ‘s default value is separate , we need also to set the border-spacing to 0 . ? 1 2 3 4 table { * border-collapse : collapse ; /* IE...