table属性掌握

理解边框

首先边框是有边的，但是你设边要记得设在哪里，有table的边，有thead的边，有td的边。

table, th, td {
border: 1px solid black;
}

每个边框是有高度和和宽带的，可以用百分比和实际数字

table {
width: 100%;
 }
th {
height: 50px;
}

每个边是有空隙的，

border-collapse :sperate(双边)  || collapse(单边) || initial || inherit

有了空隙自然有了空隙距离

table.ex2 {
border-collapse: separate;
border-spacing: 10px 50px;
}

还有一些HTML属性比如cellspacing，效果如同上面所示，但是他是写在HTML中的

<table border="8" cellspacing="10">

还有个内边距

{  padding:2px; }

还有一些属性比如文本位置只有左边‘右边‘居中’’

text-align：center；

还有垂直方向上，顶部 中间 底部 top, bottom, or middle

vertical-align：top；