td background: url(img/menubg.gif) repeat-x bottom left #f4f4f4; : td background « Tags « HTML / CSS






td background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;

    

<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">

table {
  border: 1px solid #d8d8d8;
  border-collapse: collapse;
  line-height: 1.3em;
  width: 95%;
  margin: 0 0 16px;
  padding: 0;
}

caption {
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
  padding: 6px 0 8px;
  text-align: left;
}

th {
  background: url(img/menubg2.gif) repeat-x bottom left #eaeaea;
  color: #505050;
  padding: 7px;
  text-align: left;
}

td {
  background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;
  color: #303030;
  font-size: 0.9em;
  padding: 7px;
  text-align: left;
}


</style>

</head>
<body>
  <div id="footer">
    <table><caption>caption</caption><tr><td>this is a test</td></tr></table>
    
  </div>

</body>
</html>

   
    
    
    
  








Related examples in the same category

1.td background-color: gold;
2.Table and table cell backgrounds
3.td background-color:#efefef;
4.th background: lightyellow;
5.td:empty background: gray;
6.td background: lightyellow;
7.Column Background
8.col background: rgb(244, 244, 244);