十二、表格

1、table定义 tr行 th 表头 td表内容

2、表格的CSS属性

table{
  border: 1px solid red;//只有最外层有边框。有margin属性和auto；
}

th,td{
  border: 1px solid red;//存在双边框的问题
}

解决双边框问题。

    border-collapse: collapse;//写在table里collapse折叠。

给table宽度将会把内容平分宽度/高度。

• 可以给th\td添加盒子阴影。

3、跨行和跨列的问题。直接在th\td里面进行合并。

colspan="num"//跨列

rowspan="num"//跨行

4、table的属性

• margin支持
• 内容撑开高度宽度
• 可宽高，
• 独占一行。

5、cursor属性的问题

1、pointer

2、move//移动

3、text//文本域

4、wait//等待小圈旋转

5、help//帮助小问号

6、自定义样式

    cursor: url("地址"),pointer;//###必须有

6、透明度的问题

    opacity: 0.5;//透明度【0~1】0代表全透明1不透明

为了兼容IE8及一下
filter: alpha( opacity:50 );//【0~100】

rgba和opacity的区别

rgba:父透子不透
opacity:有继承的关系。子代一起透明