HTML5中没有cellspacing和cellpadding怎么办
2016-03-09 21:15
441 查看
HTML5中没有cellspacing和cellpadding怎么办
1、问题背景
HTML4版本中table有cellspacing和cellpadding,但是在HTML5中没有,要使table边框不出现间隙,该如何解决
2、HTML5代码
3、解决办法
1、问题背景
HTML4版本中table有cellspacing和cellpadding,但是在HTML5中没有,要使table边框不出现间隙,该如何解决
2、HTML5代码
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <table class="tab"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>
3、解决办法
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> .tab{ border-collapse:collapse; } </style> </head> <body> <table class="tab"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>利用CSS中的属性border-collapse:collapse; 为表格设置合并边框模型
相关文章推荐
- HTML5 1.8通用属性
- HTML5 1.7 div元素与布局
- HTML5 1.6 table布局
- HTML5初探
- Web前端学习笔记(3)-html5新增表单元素
- html5 式程序员表白
- html5 页面嵌入视频
- Web前端学习笔记(2)-html5新增的结构元素
- 【html5】Web Storage本地存储 sessionStorage/localStorage
- 读书笔记---HTML5实战 MARCO CASARIO(后六章)
- html5 canvas画进度条
- 读书笔记---HTML5实战 MARCO CASARIO(前六章)
- HTML5学习之-Canvas
- HTML5 canvas绘制雪花飘落动画(需求分析、知识点、程序编写分布详解)
- HTML5提供的一些新的标签用法以及和HTML 4的区别
- H5+百度接口定位
- 移动前端头部标签(HTML5 head meta)
- 初学HTML5、初入前端
- 初学HTML5、初入前端
- ie8如何支持html5