如果你现在开始用html5的声明来写页面时,你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除,需要定义边框之类的时应该使用css的写法。

具体实现如下:

Html5 Table Test

table{ border-collapse:collapse; border:solid 1px Black; }

table td{ width:50px; height:20px; border:solid 1px Black; padding:5px;}

效果图如下:

代码的关键点在于border-collapse:collapse; 和 border:solid 1px Black;。对于padding的定义大家都比较熟悉了,这里主要讲一下的是border-collapse中的collapse和separate值,定义为collapse时,他们的边框会重叠在一起,定义为separate时单元格边框之间会有间隙。不定义时默认为separate。 separate情况下的效果图如下:

代码定义很简单,也是早版本浏览器就支持的东西,只是以前我们一些人习惯用cellspacing和cellpadding来定义,但这两个属性在html5中将要移除,所以需要改过来用css来定义而已。很简单的东西,小记一下而已。

HTML5不支持cellspacing,html5中不再支持table的cellspacing和cellpadding属性相关推荐

  1. html5中不再支持的元素

    html5中不再支持的元素:1.acronym(建议abbr) : 定义首字母缩写2.applet(建议object): 定义 applet3.basefont(使用css控制)4.big(使用css ...

  2. html5中不再支持table的cellspacing和cellpadding属性

    如果你现在开始用html5的声明来写页面时,你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性.具体原因是在html5中table标签的这两个 ...

  3. 在mysql支持关系模型中_MySQL支持关系模型中、和三种不同的完整性约束

    MySQL支持关系模型中.和三种不同的完整性约束 答:实体完整性:列完整性\n\n\n\n参照完整性:实体完整性\n\n\n\n用户定义的完整性:参考完整性 "三农"问题是指( ) ...

  4. linux系统无法网上看视频文件,重橙网络:Flash Player 发布重要更新,Win7 以下/Linux/Mac 不再支持视频格式内容播放...

    IT之家 1 月 12 日消息 根据 Adobe Flash Player 中国大陆地区独家战略合作伙伴重橙网络的消息,Flash Player 34.0.0.92 现已更新,其中包括可用性.在线安全 ...

  5. Vue3 - 不再支持 IE11,到底为什么?

    前言 咱们的 Vue2 目前仍然支持 IE11,但是到了 Vue3 这里,直接被抛弃了. IE 浏览器可以说是早期前端开发的噩梦,现在还充斥的大量兼容 IE 浏览器的代码,你可以在网上看到很多类似的信 ...

  6. html5期末考试题答案,HTML5期末考试题型

    . 作业 一.单项选项题 1.以下哪个标记用来建立一个有序列表:( C ) A. B. C. D. 2.在 HTML5 中,哪个元素用于组合标题元素?( D ) A. B. C. D. 3.HTML5 ...

  7. html5基础考试选择题,HTML5 基础测试题

    1.HTML5 之前的 HTML 版本是什么?() 2.HTML5 的正确 doctype 是?() C. 3.在 HTML5 中,哪个元素用于组合标题元素?() 4.HTML5 中不再支持下面哪个元 ...

  8. html5 th左对齐,HTML5 th 标签

    实例 html> html教程(html.cn) Month Savings January $100 February $80 运行实例 » 点击 "运行实例" 按钮查看在 ...

  9. html5 th左对齐,HTML5 教程之HTML th 标签

    HTML 标签 实例 一个简单的 HTML 表格,带有两个表头单元格和两个数据单元格: Month Savings January $100 尝试一下 » (更多实例见页面底部) 浏览器支持 所有主流 ...

最新文章

  1. 关于for循环处理列表的思考
  2. 如何在Spyder中运行spark
  3. Homepage Machine Learning Algorithm 浅谈深度学习中的激活函数 - The Activation Function in Deep Learning
  4. ES6-异步编程-Promise对象
  5. Springboot-importSelector
  6. pcjome新闻图片替换效果
  7. 行车路途出现意外6个急救绝招
  8. 与或非逻辑 页面展示html,一种实现与非、或非门逻辑的忆阻器电路
  9. NHibernate视频教程
  10. 软考初级程序员---题目(五)
  11. 部署项目在Tomcat出现,tomcat报错More than one fragment with the name [org_apache_tomcat_websocket]
  12. Python菜鸟编程第十四课之正则表达式
  13. html页面清空标签里的内容
  14. 「cocos2d-x」垂直射击游戏之宇智波鼬 VS 九尾狐(1)
  15. Excel快速合并多行数据
  16. 【NOI科目校 信息学知识点测评-组合计数专题】展览方案
  17. 基于FPGA/MATLAB的偏移正交相移键控的仿真实现
  18. 火车票抢票API 根据乘客的车次与座席要求快速订票出票
  19. 汉语中的词频及笔画数分布规律探析
  20. Spring Boot系列之Thymeleaf模板布局

热门文章

  1. java一句话木马_如何使用JSP一句话木马和菜刀木马
  2. ButterKnife使用插件
  3. ORA-00600: 内部错误代码, 参数: [kcratr_nab_less_than_odr]
  4. AnchorFree系列算法详解
  5. 什么是管理沟通?它和信息沟通有什么异同?
  6. dns欺骗编辑html,charles DNS欺骗
  7. 联邦学习-论文阅读-NDSS-FLTrust: Byzantine-robust Federated Learning via Trust Bootstrapping
  8. Linux 内核面向对象思想及实现
  9. sketch生成android布局,Sketch新功能——智能分布 Smart Layout
  10. 网络2--常用的UDP端口