基本概念
1.网页布局的本质是根据设计图设计好盒子的大小以及摆放的位置，再将网页元素放进盒子里。
2.盒子由元素内容、边框、内边距、外边距组成。
3.边框为盒子的厚度；
内边距为元素内容与边框的距离；
外边距为盒子之间的距离。
边框border
1.基本语法border : border-width || border-style || border-color ;
border-style:
- none：没有边框（默认值）
- solid：单实线
- dashed：虚线
- dotted：点线
2.边框综合设置无固定顺序border : border-width || border-style || border-color;
3.以上设置会对上下左右四个边框都生效，需要单独设置的时候，
4.表格边框
一个普通的表格：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<table border="1" align="center" width="500" height="300" cellspacing="0" cellpadding="10">
<caption>
个人信息表
</caption>
<thead>
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>01</td>
<td>小红</td>
<td>12</td>
</tr>
<tr>
<td>02</td>
<td>小红</td>
<td>12</td>
</tr>
<tr>
<td>03</td>
<td>小兰</td>
<td>11</td>
</tr>
<tr>
<td>04</td>
<td>小明</td>
<td>9</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">
这里是注释
</td>
</tr>
</tfoot>
</table>
</body>
</html>
由于设置了cellspacing="0"，即单元格之间的距离设置为0，导致单元格之间的边框重叠，使实际展现的边框比设置的cellpadding="10"要粗，这个问题可以通过设置css来解决
最低0.47元/天 解锁文章
487
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
