使用Css在表格

时间:2017-12-29 13:07:19

标签: css border css-tables

我的桌子有问题:http://jsfiddle.net/ex6ZR/252/

    .tr td{
       border-bottom: 2px solid black;
    }

    .td1{
       border-right: 3px solid blue;
    }

我的目标是获得一个底边(沿着所有TR)覆盖Td Left边界。

当td.bottom-border-width> td.left-border-width但不是当一个底部边界thiner(而且它是我正在搜索的)

我发现许多解决方案使用:before&一个块,但它只适用于绝对位置(我无法设置它,因为我在一个表中)。

我的结果:

Current Result

预期结果:

Result expected

编辑:Jsfiddle失败了:x好的人现在在这里

编辑2:

感谢Jess Bart,问题已经解决了。我已经更新了jsfiddle,结果很棒:

table{
            border-collapse: collapse;
        }
        td{
            position: relative;
            border:1px solid black;
        }
        td::after {
            border-right:1px solid orange;
            content:'';
            height: 100%;
            top: 0;
            right: -1;
            position: absolute;
        }

1 个答案:

答案 0 :(得分:0)

您可以尝试以下代码:

$check=query('select id from players where user_name="steven";');

if(empty($check))
{
   query('insert into players (user_name,age) values ("steven",32);');
}
else
{
   query('update players set age=13 where id='.$check['id'].';');
}