您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5

表格高级(表格相关css属性)(表格重要html属性)、样式重置

胜于蓝2019-07-30【CSS3|Html5】人已围观

简介表格相关css属性1.合并相邻单元格边框(给table加) 语法: border-collapse: collapse(合并相邻单元格边框) | separate(相邻单元格边框分开);2.设置表格标题的位置(给tab

表格相关css属性2XA胜于蓝|优秀个人博客

1.合并相邻单元格边框(给table加)2XA胜于蓝|优秀个人博客

    语法:2XA胜于蓝|优秀个人博客

 2XA胜于蓝|优秀个人博客

border-collapse: collapse(合并相邻单元格边框)  |  separate(相邻单元格边框分开);
2.设置表格标题的位置(给table加)

    语法:2XA胜于蓝|优秀个人博客

 2XA胜于蓝|优秀个人博客

caption-side: top  |  bottom  |  left  |  right;
    注:left和right只有火狐识别

 2XA胜于蓝|优秀个人博客

3.设置单元格之间的间距(给table加)2XA胜于蓝|优秀个人博客

    语法:2XA胜于蓝|优秀个人博客

 2XA胜于蓝|优秀个人博客

border-spacing: 数值+单位;
    注:当出现border-collapse: collapse; 时,border-spacing 会失效;样式中的border-spacing 属性会覆盖掉标签中的cellspacing属性。

 2XA胜于蓝|优秀个人博客

4.无内容单元格显示或隐藏(给table加)2XA胜于蓝|优秀个人博客

    语法:2XA胜于蓝|优秀个人博客

 2XA胜于蓝|优秀个人博客

empty-cells: show(显示)  |  hide(隐藏);
5.表格布局算法(给table加)

    语法:2XA胜于蓝|优秀个人博客

 2XA胜于蓝|优秀个人博客

table-layout: auto(默认值)  |  fixed(单元格宽度固定,不跟随内容多少改变单元格宽度);
 

 2XA胜于蓝|优秀个人博客

表格重要html属性2XA胜于蓝|优秀个人博客

1.合并行2XA胜于蓝|优秀个人博客

 2XA胜于蓝|优秀个人博客

rowspan="数值"
2.合并列

 2XA胜于蓝|优秀个人博客

colspan="数值"
3.设置单元格内容垂直对齐方式

 2XA胜于蓝|优秀个人博客

valign="top  |  cols  |  all  |  groups  |  none"
4.设置单元格内容水平对齐方式

 2XA胜于蓝|优秀个人博客

align="left  |  right  |  center"
5.
rules="rows  |  cols  |  all  |  groups  |  none"

    row:行分隔线2XA胜于蓝|优秀个人博客

    cols:列分隔线2XA胜于蓝|优秀个人博客

    all:位于行和列之间的分隔线2XA胜于蓝|优秀个人博客

    groups:行组和列组分隔线2XA胜于蓝|优秀个人博客

    none:不添加任何分隔线2XA胜于蓝|优秀个人博客

    注:表格行分组   thead、tbody、tfoot2XA胜于蓝|优秀个人博客

    表格列分组:2XA胜于蓝|优秀个人博客

 2XA胜于蓝|优秀个人博客

<colgroup span="1"></colgroup>
    注:span用来设置几列为一组,默认为1

 2XA胜于蓝|优秀个人博客

 2XA胜于蓝|优秀个人博客

样式重置2XA胜于蓝|优秀个人博客

    概念:将一些多次需要使用到的css属性写在公共样式中,或统一各个浏览器的一些样式就叫做样式重置2XA胜于蓝|优秀个人博客

    作用:让各个浏览器的css样式有一个统一的基准,有利于代码的优化2XA胜于蓝|优秀个人博客

Tags:

很赞哦! ()

文章评论

当前时间

快速排名

  • 网站建设|万词霸屏,企业软文推广,刷下拉框
  • 快速排名:不用再等SEO三个月,只需3-7天即可把行业关键词覆盖百度搜索引擎首页,点击不收费,排名报表,真实访问量报表一目了然。

合作加盟

  • 扫码请注明来意,否则不会通过
  • 填写商户姓名不要带有“超市”,“便利店” ,“百货”等
  • 扫码成为快钱代理
  • 扫码加站长微信,为您推荐快钱总部负责人
  • 快钱POSS机(电签版)
  • 1,免押版:签约费率快捷交易0.38%,常规交易0.65%
  • 贷记卡单笔≥3000元视为激活
  • 2,,有押版:签约快捷交易0.38%,常规交易0.65%
  • 激活首刷≥99元,扣除99元系统服务费,多出部分shishi到账
  • 电签版ipos参与每月扶持奖励
  • 电签版ipos与Mpos单独考核台均
  • 30台以上有效激活奖励3000元扶持金
  • 当月交易额≥3000元的为活跃用户

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计7613篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 扫描二维码:请注明来意,否则不会通过
  • 微信号:扫描二维码,关注我们
歌名 - 歌手
0:00