【HTML+CSS】简历表格

需求：实现简历表格设计

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>简历表格</title>
    <style type="text/css">
        table {
            width: 600px;
            table-layout: fixed;
            border-collapse: collapse;
        }
        td,th {
            border: 1px solid #999;
            padding: 5px;
            text-align: center;
        }
        table tr {
            height: 40px;
        }
        img {
            width: 110px;
            vertical-align: middle;
            text-align: center;
        }
    </style>
</head>
<body>
    <table>
        <caption><h2>简历信息表</h2></caption>
        <tr>
            <th>姓名</th>
            <td></td>
            <th>性别</th>
            <td></td>
            <td rowspan="3">
                <img src="./timg.jpg">
            </td>
        </tr>
        <tr>
            <th>出生年月</th>
            <td></td>
            <th>籍贯</th>
            <td></td>
        </tr>
        <tr>
            <th>政治面貌</th>
            <td></td>
            <th>民族</th>
            <td></td>
        </tr>
    </table>
</body>
</html>

 

posted @ 2018-08-13 21:03  NeymarGoal  阅读(424)  评论(0)  编辑  收藏  举报