Table边框合并

最新推荐文章于 2024-08-13 11:49:05 发布

转载最新推荐文章于 2024-08-13 11:49:05 发布 · 67 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sangzs/p/8941003.html

本文介绍了一种使用CSS为HTML表格设置边框和样式的具体方法。通过简单的代码示例，展示了如何实现统一的边框风格及表格内的文字居中显示等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style>
    table,
    table tr th,
    table tr td {
        border: 1px solid #0094ff;
    }

    table {
        width: 200px;
        min-height: 25px;
        line-height: 25px;
        text-align: center;
        border-collapse: collapse;
        padding: 2px;
    }
</style>

<table>
    <tr>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
    </tr>
    <tr>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
    </tr>
    <tr>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
    </tr>
    <tr>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
    </tr>
</table>

效果：