帮我写一个table控件的标准css类

创建一个基础的表格 (`table`) 的 CSS 类可以包括以下几个部分，以确保良好的布局和样式：

.table-style {
    /* 设置全局样式 */
    display: table;                /* 表现为表格 */
    width: 100%;                  /* 自适应宽度 */
    border-collapse: separate;      /* 分离边框线，方便单独设置 */
    
    /* 表头样式 */
    thead {
        background-color: #f2f2f2;     /* 表头背景色 */
        tr {
            border-bottom: 1px solid #ddd; /* 表头下边界线 */
        }
        th {
            padding: 8px;             /* 单元格内填充 */
            text-align: left;         /* 文本左对齐 */
            font-weight: bold;        /* 加粗文本 */
        }
    }

    /* 表体样式 */
    tbody {
        tr {
            border-bottom: 1px solid #ccc; /* 行之间分隔线 */
            cursor: pointer;           /* 悬停时添加鼠标指针 */
        }
        td {
            padding: 8px;
            vertical-align: top;       /* 单元格内容垂直居中 */
        }
    }
    
    /* 突显选中的行 */
    tbody tr:hover {
        background-color: #f5f5f5;
    }
}

/* 使用这个类于HTML表格 */
<table class="table-style">
    <!-- 表格内容 -->
</table>