html设置表格边框样式

来源：互联网 2024-10-16 12:09:38

这篇文章介绍的内容是html设置表格边框样式，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

                                                     html设置表格边框样式<html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>设置表格边框样式</title>    <style>        .border_distance{            border-collapse: collapse;  /**设置小表格之间的间距为0*/            border-right:1px solid red;            border-top:1px solid red;        }        .border_distance tr td{            border-left:1px solid green;            border-bottom:1px solid green;        }    </style></head><body>    <table class="border_distance">        <tr>            <td>科目</td>            <td>分数</td>        </tr>        <tr>            <td>语文</td>            <td>92</td>        </tr>        <tr>            <td>数学</td>            <td>99</td>        </tr>        <tr>            <td>英语</td>            <td>59</td>        </tr>    </table></body></html>