欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML表格边框的控制实现代码_HTML/Xhtml_网页制作

程序员文章站 2022-04-19 09:56:21
...
一般我们用表格的时候总会给它个border属性,比如:,其效果如下:

ID NAME GENDER
1001 mike male

可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是

之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:,效果如下:

ID NAME GENDER
1001 mike male

但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大家看到的其实是两个像素的宽,为什么呢,这是因为

之间的边框没有重合所致。修改表格的border-collapse属性即可,

ID NAME GENDER
1001 mike male

再给表格加个颜色,

ID NAME GENDER
1001 mike male
HTML表格边框的控制实现代码_HTML/Xhtml_网页制作

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • HTML表格边框的控制实现代码_HTML/Xhtml_网页制作
  • 专题推荐

    作者信息
    HTML表格边框的控制实现代码_HTML/Xhtml_网页制作

    认证0级讲师

    推荐视频教程
  • HTML表格边框的控制实现代码_HTML/Xhtml_网页制作javascript初级视频教程
  • HTML表格边框的控制实现代码_HTML/Xhtml_网页制作jquery 基础视频教程
  • 视频教程分类
    相关标签: HTML 表格边框