It's easy to make your HTML tables look great - in today's post, we're gonna take a look at around 30 lines of CSS to do just that!
Video...
For further actions, you may consider blocking this person and/or reporting abuse
If you want your borders to look sharp on high resolution displays you can use
thin
instead of1px
:)Update! This has apparently changed at some point and you only get regular 1px now (at least on iPhone).
Had no idea about this! Thanks 😊
Nice, did not know about this! Will be using it for sure :)
I second you!
Learn something new everyday!
Hmm, now that I paid attention to it this doesn't seem to work anymore on iPhones :(
Yeah, your right! Thanks🤔
I really love it. I'm bored of tons of bootstrap-like tables and your guide is such a refreshing approach
Appreciate that mate! Cheers
I agree with you! Bootstrap is all over the place (even tough i like it and use too)!
Hard to believe we once used tables to layout entire pages :)
Great example, was there any particular reason you used
:nth-of-type
instead ofnth-child
?I would be interested to know how you would make this responsive if you had a few more columns or where the data is a little longer.
Make readable table headers with CSS
Charanjit Chana ・ May 28 ・ 3 min read
beautiful css...
I just went through a html lesson on tables, so I used your styling to go along with it. Thanks!
I use your code in my website. Thank you so much.
Thanks for this! :)
I didn't like working with tables, maybe I'll consider them with this your post
Pretty 😊
excelent article!, nice job.
what software does he used to code html?
How can i change table with only