html - How it possible in table td has different hights using one table -


i want design table in html have different heights of td using 1 table. possible? if possible how can done?

<table>     <tbody>         <td>height:30px</td>         <td>height:90px</td>         <td>height:60px</td>         <td>height:80px</td>     </tbody> </table> 

something table :

enter image description here

 <style> tr {  height: auto;  } td {  overflow: hidden;  display: inline-block;  white-space: nowrap;  vertical-align: top;  background-color: #3399ff;  height: 100%;  width: 75px;  border: 1px solid black;  } td:nth-child(odd) {  background-color: #1177dd;  }  #b {  height: 200px;  }  #j {  height: 90px;  }  #k {  height: 180px;  }  </style>  <table> <tbody> <tr> <td id="b">b</td> <td id="j">j</td> <td id="k">k</td> </tr> </tbody> </table> 

Comments

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -