DISPLAYING DATA WITH TABLES - HTML5 - page 113

Figure 6-4: Adding space within table cells.
117
DATA CLARIFICATION WITH BACKGROUND COLORS
Back in the old days, computer printouts were done on paper with alternating background
colors to make it easier to separate individual records. (Records and rows are used inter-
changeably in this context.) As you saw, heavy borders intruding on each data cell detract
from clarity. h at's why the older computer printouts used dif erent background colors. So,
instead of separating records by borders, you need to see how to do so using colors (see
ColorRows.html in this chapter's folder at www.wiley.com/go/smashinghtml5 ).
<! DOCTYPE HTML >
< html >
< head >
< style type = ”text/css” >
td {
width : 70px ;
}
body {
font - family : Verdana , Geneva , sans - serif ;
font - size : 10px ;
}
caption {
font - family : ”Arial Black” , Gadget , sans - serif ;
font - size : 12px ;
font - weight : 500;
color : #360;