HTML细线表格的实现方法

最新推荐文章于 2024-06-18 18:28:04 发布

原创最新推荐文章于 2024-06-18 18:28:04 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

从0蛋学前端专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了如何使用HTML和bgcolor属性创建细线表格的方法，包括设置table、tr和td标签的背景颜色以及调整cellspacing属性，以实现清晰美观的表格效果。尽管此方法为早期网页设计所用，但对理解表格布局原理仍具参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>23-细线表格</title>
</head>
<body>

<!--
在表格标签中想通过指定外边距为0来实现细线表格是不靠谱的, 其实它是将2条线合并为了一条线, 所以看上去很不舒服

细线表格的制作方式:
1.给table标签设置bgcolor
2.给tr标签设置bgcolor
3.给table标签设置cellspacing = "1px"

注意点:
table标签和tr标签以及td标签都支持bgcolor属性
但是以上内容仅仅作为了解, 因为样式以后都是通过css来控制
-->
<table bgcolor="black" cellspacing="1px">
    <tr bgcolor="white">
        <td bgcolor="red">1.1</td>
        <td>1.2</td>
    </tr>
    <tr bgcolor="white">
        <td>2.1</td>
        <td>2.2</td>
    </tr>
</table>
</body>
</html>