Clean CSS table stle


/ Published in: CSS
Save to your folder(s)



Head


Subhead


text



Copy this code and paste it in your HTML
  1. table, td, tr {
  2. text-align: left;
  3. }
  4.  
  5. table.tbl {
  6. border-collapse: collapse;
  7. color: #000;
  8. vertical-align: middle;
  9. margin-bottom: 1em;
  10. }
  11.  
  12. table.tbl td {
  13. padding: 5px;
  14. border: solid 1px #eee;
  15. }
  16.  
  17. table.tbl td.head {
  18. padding: 5px;
  19. border: solid 1px #fff;
  20. font-weight: bold;
  21. background-color: #ccc;
  22. }
  23.  
  24. table.tbl td.subhead {
  25. color: #333;
  26. font-weight: bold;
  27. }
  28.  
  29. table.tbl tr.grey, table.tbl td.grey {
  30. background-color: #eee;
  31. }
  32.  
  33. table.tbl td.border {
  34. border: solid 1px #eee;
  35. }
  36.  
  37. table.tbl.ctrtext td {
  38. text-align: center;
  39. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.