Table header font, background and padding
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> table { border-collapse: collapse; width: 100%; border: 1px solid #666; } th { background: #888; padding: .5em 0 .5em 7px; text-align: left; border-top: 1px solid #666; border-bottom: 1px solid #666; text-shadow: #ccc -2px 2px -2px; } </style> </head> <body> <table> <tr> <th colspan="4"> General Characteristics </th> </tr> <tr class="secondrow"> <th></th> <th>E</th> <th>L</th> <th>U</th> </tr> <tr> <td>T</td> <td>272,091</td> <td>****</td> <td>****</td> </tr> <tr> <td colspan="4">Sex</td> </tr> <tr> <td>Male</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>Female</td> <td>1</td> <td>1</td> <td>1</td> </tr> </table> </body> </html>
1. | Add padding for table header and table cell | ||
2. | th padding-left: 12px; | ||
3. | th padding-right: 12px; | ||
4. | th padding-right: 11px; | ||
5. | th padding: 5px; |