Table单线边框总结

最新推荐文章于 2022-10-22 11:39:38 发布

橘猫吃不胖胖

最新推荐文章于 2022-10-22 11:39:38 发布

阅读量4.3k

点赞数

分类专栏： HTML 文章标签： HTMl Table table单线边框

本文链接：https://blog.csdn.net/yuguiyang1990/article/details/8617985

版权

本文总结了HTML中实现table单线边框的四种方法，包括利用cellspacing和cellpadding属性，设置bgcolor和边框宽度，tr和td背景色的反色技巧，以及直接在td上设置边框等。详细介绍了每种方法的实现步骤和效果。

摘要由CSDN通过智能技术生成

在HTMl中，table标签的边框默认是这样的：

<table width="500px" border="1px">
    	<tr>
        	<td>aaa</td>
            <td>bbb</td>
        </tr>
        <tr>
        	<td>ccc</td>
            <td>ddd</td>
        </tr>
    </table>

aaa	bbb
ccc	ddd

这样看起来不是很漂亮

table标签属性

cellspacing 属性规定单元格之间的空间。

cellpadding 属性规定的是单元边沿与单元内容之间的空间。

table单线边框-方法一

<table width ="500px" border="1px" cellpadding="0" cellspacing="0">
    	<tr>
        	<td>aaa</td>
            <td>bbb</td>
        </tr>
        <tr>
        	<td