Thursday, July 30, 2009

Google styling scheme for tables

This is what I implemented after studying the CSS for tables that Google uses. table {
background: white none repeat scroll 0 0;
border-collapse: collapse;
cursor: default;
font-family: arial,helvetica;
font-size: 10pt;
margin: 0;
} table th {
background: #FFFFFF url(title-bg.gif) repeat-x scroll left bottom;
font-weight: bold;
text-align: center;
border: 1px solid #EEE;
padding: 6px;
} table td {
border: 1px solid #EEE;
padding: 2px 3px;
} table {
color: #666;
text-align: right;
} table td {
background: #FAFAFA;

No comments:

Blog Archive