Css制作table细线表格制作细线表格，我想应该是最基本的css知识了，记录下来巩固下。
推荐：
table{
border-collapse:collapse;
border: 1px solid #000000;
}
td{
border-collapse:collapse;
border: 1px solid #000000;
}
⽰例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Css制作table细线表格</title>
<style type="text/css">
.table {
border: 1px solid #ddd;
border-collapse: collapse;
}
.table thead tr th,
.
table tbody tr td {
padding: 8px 12px;
text-align: center;
color: #333;
border: 1px solid #ddd;
border-collapse: collapse;
html网页设计 table background-color: #fff;
}
</style>
</head>
<body>
<table class="table" cellspacing="0" cellpadding="0">
<thead>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>电话号码</th>
<th>⽣⽇</th>
</thead>
<tbody>
<tr><td>1</td><td>coco</td><td>男</td><td>12345678888</td><td>2018-04-11 00:00:00</td></tr>
<tr><td>2</td><td>cici</td><td>男</td><td>136********</td><td>2018-04-11 00:00:00</td></tr>
<tr><td>3</td><td>tom</td><td>男</td><td>136********</td><td>2018-04-11 00:00:00</td></tr>
</tbody>
</table>
</body>
</html>
效果图：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。