HTML表格

最新推荐文章于 2024-03-18 18:50:29 发布

幼儿园中的小小白

最新推荐文章于 2024-03-18 18:50:29 发布

阅读量79

点赞数

分类专栏： HTML与CSS

本文链接：https://blog.csdn.net/weixin_43846130/article/details/95588504

版权

HTML与CSS 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

1.表格：

    <table>：表格开始或结束
    <tr>：表格里面的行
    <td>：表格里的每一个单元格
    <th>：表头单元格
    <caption>：表格的大标题
    <thead>：表头
    <tbody>：表格主题
    <tfoot>：表脚
    cellspacing：设置单元格之间的距离
    cellpadding：设置单元格边框与单元格内容之间的距离
    width：设置宽
    height：设置高
    align：设置内容水平方向的对齐方式
    valign：设置垂直方向的对齐方式（top，bottom，middle（中间））
    background：设置背景图片
    bgcolor：设置背景颜色
    border：设置边框
    bordercolor：设置边框颜色
    colspan：合并行
    rowspan：合并列
<head>
        <style type="text/css">
        td{
            text-align: center;
        }
    </style>
</head>
<body>
    <table border="1" width="500" height="100" align="center" cellspacing="0" cellpadding="0"
                bordercolor="cyan" bgcolor="pink">
        <caption>
            <h2>个人信息表</h2>
        </caption>
        <tr>
            <th>姓名</th>
            <th colspan="2">个人信息</th>
        </tr>
        <tr>
            <td rowspan="2">常娇娇</td>
            <td>女</td>
            <td>18</td>
        </tr>
        <tr>
            <td colspan="2">信息</td>
        </tr>
        <tr>
            <td>合并结果</td>
            <td>男</td>
            <td>18</td>
        </tr>
    </table>
</body>

幼儿园中的小小白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML表格

1.表格： <table>：表格开始或结束 <tr>：表格里面的行 <td>：表格里的每一个单元格 <th>：表头单元格 <caption>：表格的大标题 <thead>：表头 <tbody>：表格主题 <tfoot>：表脚 cel...
复制链接

扫一扫