十二、表格

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:有继承的关系。子代一起透明

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,679评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,677评论 32 459
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,724评论 3 184
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,375评论 0 11
  • 在我们的生活中,无时无刻都在面临着选择。无论是小的选择还是大的选择,它都对我们现在的生活或者未来的生活有一定的影...
    嘉嘉宝阅读 2,415评论 0 1