HTML细线表格的实现方法

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

天才小叮当

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

阅读量1.1k

点赞数 1

分类专栏：从0蛋学前端文章标签： html

本文链接：https://blog.csdn.net/Duke_Jiang/article/details/108624223

版权

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

13 篇文章 1 订阅

订阅专栏

<!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>

天才小叮当

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML细线表格的实现方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>23-细线表格</title></head><body><!--在表格标签中想通过指定外边距为0来实现细线表格是不靠谱的, 其实它是将2条线合并为了一条线, 所以看上去很不舒服细线表格的制作方式:1.给table标签设置bgcolor.
复制链接

扫一扫