html table设置边框线

最新推荐文章于 2024-06-14 01:10:08 发布

Liyatao_BeiJing

最新推荐文章于 2024-06-14 01:10:08 发布

阅读量1.1w

点赞数 2

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/Liyatao_BeiJing/article/details/47747259

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

这个问题有4种解决办法：

<span style="font-family: 宋体; font-size: 14px; line-height: 24px;">1、表格里面套表格：</span>

<table   cellspacing= "0 "   cellpadding= "0 "   border= "0 "   width= "500 "> 
    <tr> 
        <td   bgcolor= "#AAAAAA "> 
            <table   cellspacing= "1 "   cellpadding= "0 "   border= "0 "   width= "100% "> 
                <tr   bgcolor= "#FFFFFF "> 
                    <td   height= "20 ">   </td> 
                    <td>   </td> 
                    <td>   </td> 
                </tr> 
                <tr   bgcolor= "#FFFFFF "> 
                    <td   height= "20 ">   </td> 
                    <td>   </td> 
                    <td>   </td> 
                </tr> 
            </table> 
        </td> 
    </tr> 
</table>

2、div标签：

<td   style= "border-left:   solid   1px;border-right:solid   1px   #000000 ">

3、不设边框，但设背景色，同时设单元格间距cellspacing=1,行设一个不同的前景。则table的背景就从单元格间距里“透”出来，好象细线一样。

<TABLE   WIDTH= "75% "   BORDER=0   CELLSPACING=1   CELLPADDING=1   bgcolor=DarkGray> 
<TR   bgcolor=White> 
<TD> 1 </TD> 
<TD> 2 </TD> 
<TD> 3 </TD> 
</TR> 
<TR   bgcolor=White> 
<TD> 4 </TD> 
<TD> 5 </TD> 
<TD> 6 </TD> 
</TR> 
<TR   bgcolor=White> 
<TD> 7 </TD> 
<TD> 8 </TD> 
<TD> 9 </TD> 
</TR> 
</TABLE>

4、一般的常规方法：

这个问题只要加个css就行了

table   { 
border-collapse:collapse; 
} 
td   { 
border:1px   solid   #000000; 
} 

<table   border=0   cellspacing=0> 
... 
</table>

Liyatao_BeiJing

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html table设置边框线

这个问题有4种解决办法：1、表格里面套表格：
复制链接

扫一扫

专栏目录