如何在html和css中的字段之间创建具有垂直scroolbar和水平和垂直边框的表格？

Question

我正在尝试用垂直的scroolbar和字段之间的水平和垂直边框构建表但是我失败了， 我的尝试：

<style>
table, td {
    border: 1px solid black;
}
</style>

和这个div：

   <div style="overflow:scroll;height:80px;width:100%;overflow:scroll">

    <table width="800" border="0"  class="my-table">
      <tr>
    <td>Row1 cell1</td>
    <td>Row1 cell2</td>
  </tr>
  <tr>
    <td>Row2 cell1</td>
    <td>Row2 cell2</td>
  </tr>
  <tr>
    <td>Row3 cell1</td>
    <td>Row3 cell2</td>
  </tr> 
        <tr>
    <td>Row1 cell1</td>
    <td>Row1 cell2</td>
  </tr>
  <tr>
    <td>Row2 cell1</td>
    <td>Row2 cell2</td>
  </tr>
  <tr>
    <td>Row3 cell1</td>
    <td>Row3 cell2</td>
  </tr>
    </table>  

 </div>

结果是： here only the Horizontal scrool appare but I want to vertical scrool appare

第一个问题： 垂直的scroolbar没有装饰 第二个问题： 我想在表格中添加标题，并将这个标题格式化为不同样式表的样式，如下图所示： see to cells of title have style different of the reset of cells in table

所以有任何帮助解决我的拖车问题？