求助~单元格<td>样式，写到div上就出问题了？
我想要的效果如下
我实现的代码如下
<!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=utf-8">
<title> Zung版本的SDS量表</title>
<style type="text/css">
table{border: 2px solid black}
td{border: 1px solid black}
.mytitle{padding-top:2cm;padding-bottom:1cm;font-weight:bold;font-size:23px;}
</style>
</head>
<body>
<center>
<p class="mytitle">SDS抑郁自评量表（Zung版本）</p>
<table border="0" cellpadding="0" cellspacing="0" width="780" >
<tr>
<td width="50%" height='44' rowspan="2" align="center">项目</td>
<td width="50%" height='22' colspan="4" align="center">状态</td>
</tr>
<tr>
<td width="13%" height="22" align="center">无/ 偶尔有</td>
<td width="13%" height="22" align="center">有时有</td>
<td width="13%" height="22" align="center">经常有</td>
<td width="13%" height="22" align="center">总是如此</td>
</tr>
</table>
</center>
</body>
</html>
问题- 我想要把每个<TD>的公共部分样式
width="13%" height="22" align="center"
放到上面的div里面的td，也就是写成这样子
<!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=utf-8">
<title> Zung版本的SDS量表</title>
<style type="text/css">
table{border: 2px solid black}
td{border: 1px solid black,width:13%,height:22,align:center}
.mytitle{padding-top:2cm;padding-bottom:1cm;font-weight:bold;font-size:23px;}
</style>
</head>
<body>
<center>
<p class="mytitle">SDS抑郁自评量表（Zung版本）</p>
<table border="0" cellpadding="0" cellspacing="0" width="780" >
<tr>
<td width="50%" height='44' rowspan="2" align="center">项目</td>
<td width="50%" height='22' colspan="4" align="center">状态</td>
</tr>
<tr>
<td>无/ 偶尔有</td>
<td>有时有</td>
<td>经常有</td>
<td>总是如此</td>
</tr>
</table>
</center>
</body>
</html>
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
IT从业
<style type="text/css"> table{border: 2px solid black;border-collapse:collapse;} td{border: 1px solid black; width:13%; height:22; text-align:center;} .mytitle{padding-top:2cm;padding-bottom:1cm;font-weight:bold;font-size:23px;} </style>你没弄明白CSS语法格式，把我这个粘贴进你的第二个文档，替换下，就是你要的效果了
2019-07-17 19:42:09赞同 展开评论
相关问答