div css 怎么做这种表格,单独做出这一块就行
有2种,我帮你都写出来吧。总体效果如下
代码
<title>无标题文档</title>
<style?type="text/css">
*{?margin:0px;?padding:0px;}
.zt{width:500px;?height:auto;?float:left;}
.tp{width:150px;?height:90px;?float:left;}
.bt{float:left;?width:100px;?height:90px;}
.xbt{width:100px;?height:40px;?line-height:40px;}
</style>
</head>
<body>
<table?width="230"?border="0"?cellspacing="0"?cellpadding="0">
<tr><td?rowspan="2">图片</td>
<td>姓名</td>
<td?rowspan="2">图片</td>
<td>姓名</td>
</tr> <tr><td>学校</td>
<td>学校</td>
</tr> <tr><td?rowspan="2">图片</td>
<td>姓名</td>
<td?rowspan="2">图片</td>
<td>姓名</td>
</tr> <tr><td>学校</td>
<td>学校</td>
</tr> <tr><td?rowspan="2">图片</td>
<td>姓名</td>
<td?rowspan="2">图片</td>
<td>姓名</td>
</tr> <tr><td>学校</td>
<td>学校</td>
</tr></table>
<div?class="zt">
<div?class="tp">图片</div>
<dl?class="bt">
?<dd?class="xbt">姓名</dd>
<dd?class="xbt">学校</dd>
</dl>
<div?class="tp">图片</div>
<dl?class="bt">
?<dd?class="xbt">姓名</dd>
<dd?class="xbt">学校</dd>
</dl>
<div?class="tp">图片</div>
<dl?class="bt">
?<dd?class="xbt">姓名</dd>
<dd?class="xbt">学校</dd>
</dl>
<div?class="tp">图片</div>
<dl?class="bt">
?<dd?class="xbt">姓名</dd>
<dd?class="xbt">学校</dd>
</dl>
<div?class="tp">图片</div>
<dl?class="bt">
?<dd?class="xbt">姓名</dd>
<dd?class="xbt">学校</dd>
</dl>
<div?class="tp">图片</div>
<dl?class="bt">
?<dd?class="xbt">姓名</dd>
<dd?class="xbt">学校</dd>
</dl>
</div>
</body>
</html>