怎么用CSS设置html中的表格边框样式

如题所述

用CSS设置html中的表格边框样式用border设置就可以。

方法如下:

1、参考代码

<body >
        <table>
            <tr>
                <td>胖迪</td>
                <td>胖迪</td>
                <td>胖迪</td>
            </tr>
            <tr>
                <td>胖迪</td>
                <td>胖迪</td>
                <td>胖迪</td>
            </tr>
            <tr>
                <td>胖迪</td>
                <td>胖迪</td>
                <td>胖迪</td>
            </tr>
        </table>
        <style>
            table {
                  '设置边框1像素 å®žçº¿ çº¢è‰²
                border:1px solid red;
                }
                td{
                    '设置边框1像素 å®žçº¿ é»„色
                    border: 1px solid yellow;
                }
              
        </style>
    </body>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-07-11
一、样式
<style>
table{border-collapse:collapse;border-spacing:0;}
.table1 {margin-left: 10px;border-left: 1px #f00 solid;border-top: 1px #f00 solid;}
.table1 tr {}
.table1 tr td {border-bottom: 1px #f00 solid;border-right: 1px #f00 solid;}
</style>
二、表格
<table width="100%" border="1" class="table1">
<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>