第一天
| 科目 | 语文 | 数学 | 英语 | 评价 |
| 化学 | 2 | 3 | 1 | 加油 |
| 生物 | 0 | 3 | 2 | |
| 评价 | 有待提高 | 还可以 | ||
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
table{
/* 设置宽度*/
width: 300px;
/* 设置位置 前后间的模块间距*/
margin: 30px auto;
/* 设置表格的边框 */
border: 1px solid red; /*solid solid 实线*/
/*
语法：
border-collapse : separate | collapse
取值：
separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并
*/
border-collapse: collapse;
border-spacing: 100px;
}
tr,td{
border: red 1px solid;
}
</style>
</head>
<body>
<table border="1" width="75%" align="center">
表格大全
<tr>
<td >姓名</td>
<td >年龄</td>
<td >性别</td>
<td >籍贯</td>
</tr>
<tr>
<td >张三</td>
<td >34</td>
<td >男</td>
<td >河南</td>
</tr>
<tr>
<td >李四</td>
<td >22</td>
<td >男</td>
<td >江苏</td>
</tr>
</table>
<!--
rowspan纵向合并单元格
colspan横向合并单元格
-->
<table align="center" width="30%" border="1">
<tr>
<td>科目</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>评价</td>
</tr>
<tr>
<td>化学</td>
<td>2</td>
<td>3</td>
<td>1</td>
<td rowspan="2">加油</td>
</tr>
<tr>
<td>生物</td>
<td>0</td>
<td>3</td>
<td>2</td>
</tr>
<tr><td>评价</td>
<td colspan="3">有待提高</td>
<td>还可以</td>
</tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
