BootStrap表格去掉竖线保留横线

李_某人

于 2021-07-23 14:44:19 发布

阅读量683

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43144825/article/details/119034371

版权

HTML 表格样式文件信息上传日期前端开发

关键词由CSDN通过智能技术生成

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<style>
    #mytable tbody td{
        border-right-style:none;
        border-left-style:none;
        border-top-style: none;
    }
    #mytable thead th{
        border-right-style:none;
        border-left-style:none;
        border-top-style: none;
    }
</style>
<body>

<div>
    <table id="mytable" class="table table-bordered">
        <thead>
        <tr>
            <th >文件名</th>
            <th >文件类型</th>
            <th >文件大小</th>
            <th >上传日期</th>
            <th></th>
        </tr>
        </thead>
        <tbody id="tmain">
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
        </tbody>

    </table>
</div>
</body>