th background-color:#d6d6d6; : th background « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. th background

th background-color:#d6d6d6;

    

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>
<title>CSS Example</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type='text/css'>
/* CSS Document */
table {
  width: 250px;
}

th {
  background-color: #d6d6d6;
}

td {
  background-color: #efefef;
}

caption {
  caption-side: bottom;
  text-align: right;
  vertical-align: top;
}
</style>


</head>

<body>

<table>
  <caption>This is the caption for the table</caption>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>

</body>
</html>








Related examples in the same category

1.th background-color: gold;
2.Add background for table header
3.Add background image for table header
4.Add different background images for each table column header
5.Background for table header row
6.table header background-color: #cccccc;
7.th background: #e7e6e6 url(MarketPlace-images/button.jpg) repeat-x;
8.th background: #882D2D;
9.th background: #F3F3F3;
10.th background-color: #CDC1A7;
11.th background: lightsteelblue;