html表格如何成为一条线,html如何制作细线表格

这次给大家带来html如何制作细线表格，用html制作细线表格的注意事项有哪些，下面就是实战案例，一起来看一下。

关于这个细线表格的制作方法，百度一下可能就会有答案告诉你设置这几个值：给table设置border="0" cellspacing="1" bgcolor="#990033"这几个值，还要给单元格单独设置背景色,例如：bgcolor="#fff"。但是关于为什么要设置这几个值，估计就没有详细的讲解了！

那么今天突然想到记录一下关于这个细线表格的原理，也是因为这几天在给学生上基础课，学生关于这个细线表格原理不是很明白，所以想初学者的话，估计都会遇到类似的问题，所以这里就说一下为什么设置这几个值。

首先我们先看看将表格的border的值设置为1的时候的效果，哪怕border="1",单元格之间的距离cellspacing="0",表格的粗细看起来还是比较粗糙：

那么现在我先把制作细线表格的步骤归纳一下：

制作细线表格的步骤：

设置table的背景色(也就是视觉上表格边框的颜色)；

设置td(单元格)的背景色(视觉上整个表格的整体颜色)

设置table的边框值为0(border=“0”)，间距的值为1 ( cellspacing=“1”，使table的背景色透过这个间距显示出来，成为视觉上的边框 )。

分析：table的背景色其实就是细线表格视觉上看起来的细线，因为我们将border设置为0，并且单元格之间的间距cellspacing设置为1了，那么table的背景色就是透过这一像素的空隙透出来的颜色，给单元格设置背景色，就是为了和table的背景色区分开来。

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

html表格如何成为一条线,html如何制作细线表格相关推荐

表格为一条细线的html代码,html制作细线表格的简单实例
原标题:html制作细线表格的简单实例关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border="0" cellspacing=&quo ...
html怎样制作纵向表格,html制作细线表格的简单实例
关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border="0" cellspacing="1" bgcolor=&q ...
php表格边框细线,html如何制作细线表格
这次给大家带来html如何制作细线表格,用html制作细线表格的注意事项有哪些,下面就是实战案例,一起来看一下. 关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置 ...
html制作检测结果表格,HTML_html制作细线表格的简单实例，关于这个细线表格的制作方法 - phpStudy...
html制作细线表格的简单实例关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border="0" cellspacing="1& ...
css 细线表格,如何在Dreamweaver中制作细线表格？
方法一:利用单元格间距 1.在Dreamweaver中按Ctrl+Alt+T,弹出插入表格的对话框,设置边框粗细为0,单元格边距为0,单元格间距为1. 2.选中表格,在属性面板中设置表格的背景颜色,如 ...
wps表格粗线和细线区别_WPS文字如何加粗或改变表格中某一条线的颜色？经验告诉你该这样...
为了在汇报工作中显示出与众不同,需要一副漂亮的文字排版,也有一些汇报文件对表格有相应的要求如下图所示,而不少人在制作表格时不知道如何将表名和表内容通过加粗或颜色区分开来,希望本文的能为大家提供一些帮助 ...
html表格边框仅一条线,css 设置table边线为一条线
table { border-collapse:collapse; } 很简单定义和用法 border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式. 只有当这个值不是 ...
表格学生表html,js编程练习：制作一个表格，显示班级的学生信息。
要求: 鼠标移到不同行上时背景色改为蓝色,移开鼠标时则恢复为原背景色白色点击添加按钮,能动态在最后添加一行点击删除按钮,则删除当前行 new document window.onload = f ...
html去掉表格中心线,新手求去掉表格中间那条线！！！
该楼层疑似违规已被系统折叠隐藏此楼查看此楼做了一个登录页面的html,可是表格中间有一条线,求哪位大神可以帮忙改一下代码???谢谢!!! Online Account Access Login / ...

html表格如何成为一条线,html如何制作细线表格

html表格如何成为一条线,html如何制作细线表格相关推荐

最新文章

热门文章