Question

如何给Table每一行加下划线

Answer 1

Table每一行加下划线

代码如下：

<style>
    .table{width:500px;border:0px;border-collapse:collapse;border-spacing:0;}
    .tr{height:30px;}
    .tr td{border-bottom:1px solid #BBB;}
</style>
<table class="table">
    <tr class="tr">123
    <tr class="tr">123
    <tr class="tr">123
</tr class="tr"></tr class="tr"></tr class="tr"></table class="table">

Answer 2

直接设置表格边框是无法实现的，只想在每行的下边框加上下划线，其实就是在每一个单元格的下面加上下划线。所以最简单的方法是对TD设置样式。
td{
border-bottom:1px solid red;
}
但此时运行效果每个单元格下划线之间有间隙，可调整表格的填充和间距属性为0就OK了
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
</table>

Answer 3

这是属于样式表的内容。上面说的都对。 自己弄弄。想想，。

Answer 4

table {border-collapse:collapse;}
td { width:200px; height:20px; }
tr {border-bottom:1px solid lightgrey}
----------------
<table >

<tr>
<td>id</td>
<td>名称</td>
</tr>

<tr>
<td>1</td>
<td>删库到跑路</td>
</tr>
</table >

Answer 5

<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<style type="text/css">
table{ width:100px; height:100px; border-left: solid 1px red; border-top: solid 1px red;}
td{ border-right: solid 1px red; border-bottom: solid 1px red;}
</style>

table 左 上 边框
td 右 下 边框