我试过了 :
.bb {
border-bottom:1px;
}
<tr class="bb">
Run Code Online (Sandbox Code Playgroud)
但根本没有效果.
Dav*_*res 36
请尝试以下方法:
<html>
<head>
<title>Table row styling</title>
<style type="text/css">
.bb td, .bb th {
border-bottom: 1px solid black !important;
}
</style>
</head>
<body>
<table>
<tr class="bb">
<td>This</td>
<td>should</td>
<td>work</td>
</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
小智 24
添加border-collapse:collapse到表中.
例:
table.myTable{
border-collapse:collapse;
}
table.myTable tr{
border:1px solid red;
}
Run Code Online (Sandbox Code Playgroud)
这对我有用.
您应该在td元素上定义样式,如下所示:
<html>
<head>
<style type="text/css">
.bb
{
border-bottom: solid 1px black;
}
</style>
</head>
<body>
<table>
<tr>
<td>
Test 1
</td>
</tr>
<tr>
<td class="bb">
Test 2
</td>
</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)