Advanced Search

Clean CSS table stle

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


Head


Subhead


text


Expand | Embed | Plain 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.