<style>
table{margin:0 auto; }
.tborder td{font-size: 14px;color: #333333;border: #ccc 1px solid; padding: 10px 21px 10px 21px;vertical-align: top;}
.tborder td:not(:last-child){ border-bottom: 0;border-right: 0;}
.tborder td:last-child{ border-bottom: 0;border-left: #ccc 1px solid;}
.tborder tr:last-child td{border-bottom: #ccc 1px solid;}
.tborder tr:first-child td:first-child{border-top-left-radius: 3px;}
.tborder tr:last-child td:first-child{border-bottom-left-radius: 3px;}
.tborder tr:first-child td:last-child{border-top-right-radius: 3px;}
.tborder tr:last-child td:last-child{border-bottom-right-radius: 3px;}
</style>
<table cellspacing="0" class="tborder">
<tr>
<td>Happy</td>
<td>New</td>
<td>Year</td>
<td>Year</td>
</tr>
<tr>
<td>New</td>
<td>Happy</td>
<td>Year</td>
<td>Year</td>
</tr>
<tr>
<td>New</td>
<td>Year</td>
<td>Happy</td>
<td>Year</td>
</tr>
</table>
制作一个像素表格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<table width="300" border="1" cellspacing="0" style="border-collapse:collapse;">
<tr>
<td>a</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>b</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td>c</td>
</tr>
</table>
</body>
</html>
960
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
