HTML表格边框的控制实现代码
来源:互联网 发布:55开淘宝店卖假货 编辑:程序博客网 时间:2024/05/01 18:02
对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。
一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下:
IDNAMEGENDER1001mikemale
可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:<table border="1px" cellspacing="0px">,效果如下:
IDNAMEGENDER1001mikemale
但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大家看到的其实是两个像素的宽,为什么呢,这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可,
即<table border="1px" cellspacing="0px" style="border-collapse:collapse">
IDNAMEGENDER1001mikemale
再给表格加个颜色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">
IDNAMEGENDER1001mikemale
- HTML表格边框的控制实现代码
- 关于HTML表格边框的控制
- html: 表格边框的设置
- html: 表格边框的设置
- html表格边框的设置
- html表格边框的设置
- Html细线表格的实现 打印边框设置
- html表格滚动条的实现代码
- 如何隐藏HTML表格的四个边框
- html实线边框的表格样式定义
- HTML表格边框的设置小技巧
- HTML表格边框的设置小技巧
- HTML表格边框的设置小技巧
- HTML表格边框的设置小技巧
- html中js实现左边框控制右边框的显示
- 怎样用asp控制excel表格的边框,怎样合并边框
- html css 表格边框
- html 表格边框问题
- 学习之感慨
- AIX 5L 上的共享库内存占用
- 大型高性能网站的十项规则
- Arduino控制GP2D12红外线测距传感器
- 用GoogleMaps在网页上显示基站信息
- HTML表格边框的控制实现代码
- org.springframework.dao.DataIntegrityViolationException: Hibernate operation: ORA-00001: unique constraint (CLPM0701.SYS_C007518
- 用例子浅析堆栈
- NoSQL数据库探讨之一 - 为什么要用非关系数据库?
- oracle安装
- AppWizard所创建的文件
- Delphi中实现C++/Java类似静态变量的功能
- 面试必须知道的sql语句
- 一个名牌大学毕业生心酸经历