HTML and CSS Reference
In-Depth Information
Figure 10-3.
Some basic tweaks have already improved our table to no end!
Now, what about those headers? We'd rather see them left-aligned, and perhaps a border
under them would help delineate them from the data cells:
th {
text-align: left;
border-bottom: 1px solid #000;
}
Let's also adjust the color of the text in the data cells while we're at it:
td {
color: #333;
}
Our table now looks like Figure 10-4.
Figure 10-4.
Basic delineation of headers and body using color and a border
