关于table的一些属性&样式记录

<template>
  <div>
    <!-- width（宽度）、
    height（高度）、
    border（边框值）、
    cellspacing（表格的内宽，即表格与tr之间的间隔）、
    cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、
    bordercolorlight（表格的亮边框颜色）、 
    bordercolordark（表格的暗边框颜色）、
    bgcolor（表格的背景色）、
    background（表格的背景图片）、
    bordercolor（表格边框的颜色）， -->

    <!-- 起作用的是rules这个参数
    它有三个值(cols,rows,none)
    当rules=cols时，隐藏横向的分隔线
    当rules=rows时，隐藏纵向的分隔线，
    而当rules=none时，纵向分隔线和横向分隔线将全部隐藏-->

    <!-- 表格外边框的显示与隐藏，是可以用frame参数来控制的。
    注意：只对表格的外边框起作用，对内部边、线不起作用
    只显示上边框，即frame=above
    只显示下边框，即frame=below
    只显示左、右边框，即frame=vsides
    只显示上、下边框，即frame=hsides
    只显示左边框，即frame=lhs
    只显示右边框，即frame=rhs -->

    
    <table
      style="width: 100%"
      bordercolor="#00FF00"
      cellspacing="9"
      cellpadding="12"
    >
      <thead >
        <tr>
          <th>Version</th>
          <th>Update Time</th>
          <th>Description</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>0.9.5</td>
          <td>2021-10-26</td>
          <td>
            Add new components 111
          </td>
        </tr>
        <tr>
          <td>0.9.4</td>
          <td>2021-10-25</td>
          <td>Add new components 2222</td>
        </tr>
        <tr>
          <td>0.9.2</td>
          <td>2021-09-28</td>
          <td>Add new components 3333</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
};
</script>

<style>
thead
  & th
    text-align center//表格内文字居中

tbody
  color #8B4513

  & td
    text-align center
</style>

上述样式是什么都没有的一个表格：

<table
      style="width: 100%"
      cellspacing="9"
      cellpadding="12"
      ***添加了这两个，给了一个绿色的框***
      bordercolor="#00FF00"
      border="1"
    >

如图：

<table
      style="width: 100%"
      cellspacing="9"
      cellpadding="12"
      ***border去掉，添加rules属性***
      rules="cols"
      bordercolor="#00FF00"  
    >

如图， rules=“cols”，隐藏横向的分隔线

如图， rules=“rows”，隐藏了纵向的分隔线
如图， rules=“none”，只剩下外边框

如图，frame=“above”，只显示上边框
如图， frame=“below”，只显示下边框

如图，frame=“vsides”，只显示左、右边框

如图，frame=“hsides”，只显示上、下边框

如图，frame=“lhs”，只显示左边框
如图，frame=“rhs”，只显示右边框