【HTML CSS】简历表格

顺晟科技

2021-08-15 10:56:36

227

需求：实现简历表格设计

<!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>

上一篇：div内容超过实现滚动条设置滚动条下一篇：eclipse html js CS

网站建设

Css

【HTML CSS】简历表格