网页布局过程:
1.先准备好相关的网页元素,网页元素基本都是盒子BOX.
2.利用CSS设置好盒子样式,然后摆放到相应位置.
3.往盒子里装内容....首先,我们使用CSS修改边框
table {
border: 2px solid pink;
}
但是这样做会出现问题....因为边框只是四周的一圈,所以我们要给td和th都设置上....设置完以后又会出现一个新的问题:
这我们给表头,每个单元格和边框都设置了2像素的边框,那么三个加载一起就会变成6像素,此时我们要用到一条属性:border-collapse,它可以将这些边框的交界处合并起来...注意:
padding也会影响盒子的实际大小,也就是说,如果盒子已经有了宽度和高度,此时再指定内边框,会撑大盒子.