HTML and CSS Reference
In-Depth Information
Figure 5-30
Setting the table border styles
border s
t
yle for
the Web table
border style for
cells within the
Web table
Notice that the style sheet uses contextual selectors to apply these styles only to
the schedule table and not to other tables that might exist on the KPAF Web site.
◗
3.
Save your changes to the style sheet and then reload the
schedule.htm
file in
your Web browser. As shown in Figure 5-31, borders have been added to the
entire table and to each table cell.
Figure 5-31
Table and cell borders
CSS provides two ways of drawing table borders. The default is to draw separate
borders around the table cells and the entire table. The other approach is to collapse the
borders in upon each other. Figure 5-32 shows the impact of both style choices.
