如何取消table表格之间的空隙

 时间:2024-10-12 10:53:16

1、新建html文件

如何取消table表格之间的空隙

2、插入表格

如何取消table表格之间的空隙

3、插入表格代码

如何取消table表格之间的空隙

4、插入表格视图模式

如何取消table表格之间的空隙

5、定义表格宽度并在表格中添加数据

如何取消table表格之间的空隙

6、浏览器预览效果如图,这是表格之间有很大空隙,边框明显不是1px怎样去除边框之间的空隙呢

如何取消table表格之间的空隙

7、添加样式style="border-collapse:collapse;"去除表格边框之间的间隙

如何取消table表格之间的空隙

8、最终预览效果如图附上代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table width="500px" border="1" style="border-collapse:collapse;"> <tr> <td>1</td> <td>2</td> <td>2</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr></table></body></html>

如何取消table表格之间的空隙
  • HTML页面如何给图片添加链接
  • 怎么让div居中
  • 怎样让html中的文字垂直水平居中显示
  • css如何让div中的图片居右对齐
  • 实现整个html居中最简单方法
  • 热门搜索
    关于成语的手抄报 经典伴我行手抄报 重阳节手抄报内容30字 我的梦想手抄报图片 构建和谐校园手抄报 历史手抄报资料 最美少年手抄报 做文明人手抄报 关于节日的英语手抄报 文明餐桌手抄报