html5中table标签下的行和列的合并问题 20

这张表的表头怎么画,用html5... 这张表的表头怎么画,用html5 展开
 我来答
阿嘎洒
2016-09-13 · TA获得超过136个赞
知道小有建树答主
回答量:127
采纳率:66%
帮助的人:40.6万
展开全部
<style>
table{border-collapse:collapse;}
table th,table td{width:60px;border:solid 1px #000;}
</style>
<table>
    <thead>
        <tr>
            <th rowspan="3">分公司</th><th rowspan="2" colspan="4">累计预约总数</th><th colspan="14">iphone7</th>
        </tr>
        <tr>
            <th colspan="4">32G</th><th colspan="5">128G</th><th colspan="5">256G</th>
        </tr>
        <tr>
            <th>累计预约总数</th><th>其中:全款</th><th>其中:定金预约</th><th>其中:免费预约</th><th>银</th><th>黑</th><th>金</th><th>玫瑰金</th><th>银</th><th>黑</th><th>亮黑</th><th>金</th><th>玫瑰金</th><th>银</th><th>黑</th><th>亮黑</th><th>金</th><th>玫瑰金</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>全省</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>
        </tr>
    </tbody>
</table>
育知同创教育
2016-09-13 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部
实例代码如下:
<!DOCTYPE html>
<html>
<head>
<title>我的第四个页面</title>
<meta charset=utf-8 >
</head>
<body>
<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/2.jpg">
<tr>
<td colspan="2" align="center" valign="middle">第一行第一列和第二列</td><!-- colspan:合并列 -->
</tr>
<tr>
<td align="center" valign="middle">第二行第一列</td>
<td align="center" valign="middle">第二行第二列</td>
</tr>
</table>
<br/>
<br/>
<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/1.jpg">
<tr>
<td rowspan="2" align="center" valign="middle">第一行第一列和第二行第一列</td><!-- rowspan:合并行 -->
<td align="center" valign="middle">第一行第二列</td>
</tr>
<tr>
<td align="center" valign="middle">第二行第二列</td>
</tr>
</table>
</body>
</html>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式