首页 > web前端技术 > css3 > 用Css制作table细线表格

用Css制作table细线表格

<!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;
            background-color: #fff;
        }
    </style> 
</head> 
<body> 
    <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>13688889999</td><td>2018-04-11 00:00:00</td></tr>
        <tr><td>3</td><td>tom</td><td>男</td><td>13656565656</td><td>2018-04-11 00:00:00</td></tr>
    </tbody>
</table>
</body> 
</html>