td padding: 7px; : td padding « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. td padding

td padding: 7px;

    

<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.Table cell padding
2.Cell padding
3.Set margin and padding for td tag
4.td padding-left: 11px;
5.td padding-right: 11px;
6.td padding: 0; margin: 0;
7.td padding: 5px;
8.td padding: 2px;
9.td, th, caption padding: 5px;
10.td padding:20px;