htmltable中的某列分为两行怎么弄,有图

如图所示,只需要实现table中有字的那一行,哪位帮助下,第三列那个样式实在不知道怎么弄... 如图所示,只需要实现table中有字的那一行,哪位帮助下 ,第三列那个样式实在不知道怎么弄 展开
 我来答
Apple
推荐于2018-02-27 · 知道合伙人数码行家
Apple
知道合伙人数码行家
采纳数:13946 获赞数:38144
南京艺术学院,平面网页UI设计17年,Adobe网页设计师

向TA提问 私信TA
展开全部

合并单元格即可,代码如下,已经测试通过:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
}
table {
background-color: #cccccc;
}
td {
height: 24px;
background-color: #ffffff;
}
-->
</style>
</head>

<body>
<table width="500" border="0" cellpadding="0" cellspacing="1">
  <tr>
    <td rowspan="2">周次</td>
    <td rowspan="2">日期</td>
    <td colspan="2">值班人员</td>
    <td rowspan="2">值班电话</td>
    <td rowspan="2">值班地点</td>
  </tr>
  <tr>
    <td>带班领导</td>
    <td>值班人</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>

</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式