Styling the tr Element

Styling the <tr> Element

The <tr> element should be styled with a background-color as shown in Listing 14.12. This color can be changed to suit your needs. The results can be seen in Figure 14.2.

Listing 14.12. CSS Code for Styling the <tr> Element

caption {     text-align: left;     margin: 0 0 .5em 0;     font-weight: bold; } table {           border-collapse: collapse; } th, td {     border-right: 1px solid #fff;     border-bottom: 1px solid #fff;     padding: .5em; } tr {     background: #B0C4D7; } 

Figure 14.2. Screenshot of styled <tr> element.