返回学生成绩表格展......登陆

学生成绩表格展示

꧁༺ 花舞ら花落淚༻ ꧂2019-01-18 13:04:29300

在表格中<tr><td></td></tr>必须是成对出现,否则没有效果。合并行使用:rowspan属性, 合并列使用:colspan 属性。

以下是学生成绩表格展示效果:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>学生成绩表格</title>

<style>

*{margin: 0px;padding: 0px;}

table{border: 1px solid #ccc; border-collapse: collapse;margin:0px auto;}

th{height:35px; border:1px solid #ccc;border-collapse: collapse;background:blue;color:#fff;}

tr td{width:65px;height:35px; border:1px solid #ccc;text-align: center;}

</style>

</head>

<body>

<table>

<th>编号</th>

<th>姓名</th>

<th>年龄</th>

<th>班级</th>

<th>成绩</th>

<tr>

<td>1</td>

<td>张三</td>

<td>18</td>

<td>3班</td>

<td>70</td>

</tr>

<tr>

<td>2</td>

<td>李四</td>

<td>20</td>

<td>5班</td>

<td>80</td>

</tr>

<tr>

<td>3</td>

<td>王五</td>

<td>22</td>

<td>8班</td>

<td>90</td>

</tr>

<tr>

<td colspan="5">合并5列效果</td>

</tr>

</table>  

</body>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送