小编Yon*_*nat的帖子

仅使用CSS打破<tr>

我正在寻找一种只使用CSS"打破"表行的方法.

我想改变这个:
一条线

对此:
折线

我无权访问HTML,但可以控制CSS.

我试过了

td:nth-child(3) {
    display: block;
}
Run Code Online (Sandbox Code Playgroud)

但它似乎没有用.

以下是一些用于测试的简化代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
td:nth-child(3) {
    display: block;
    background-color: yellow;
}
</style>
</head>

<body>
<table border="1">
    <tr>
        <td>111111</td>
        <td>222222</td>
        <td>333333</td>
        <td>444444</td>
    </tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css html-table

32
推荐指数
3
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

html-table ×1