主页 > 知识库 > HTML表格边框的控制实现代码

HTML表格边框的控制实现代码

热门标签:400电话申请好不好 天津销售电销机器人公司 电销机器人外呼失败怎么回事 齐齐哈尔地图标注地点 南宁销售外呼系统线路商 400电话座机怎么办理 吃鸡地图标注设置 县域地图标注点 邵阳市地图标注app

一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下:

ID NAME GENDER
1001 mike male

可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:<table border="1px" cellspacing="0px">,效果如下:

ID NAME GENDER
1001 mike male

但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大家看到的其实是两个像素的宽,为什么呢,这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可,

即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

ID NAME GENDER
1001 mike male

再给表格加个颜色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">

ID NAME GENDER
1001 mike male

标签:延安 海口 日照 衡水 宁夏 赣州 济宁 宁波

巨人网络通讯声明:本文标题《HTML表格边框的控制实现代码》,本文关键词  HTML,表格,边框,的,控制,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《HTML表格边框的控制实现代码》相关的同类信息!
  • 本页收集关于HTML表格边框的控制实现代码的相关信息资讯供网民参考!
  • 推荐文章