关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给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的背景色区分开来。为了更好理解,我这里用图片分析一下:
1、假设下面的表格border="1",显示如下:
2、当设置单元格间距cellspacing="0"时,两个1像素的边线挨在一起,就会显得边框很粗:
所以不能通过border="1"来设置细线效果
那我我们用细线方法来制作原理如下:
如果本文对您有帮助,记得推荐哦
原文地址:http://www.cnblogs.com/xcaocao/p/5643351.html
html,细线,表格
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新动态
- 《哈迪斯2》EA评测:以前作之名
- 《战争之人2》评测:硬核战术还原残酷二战战场
- 《哈迪斯2》发售被骂,你认为发售日需要提前公布吗?
- 潘活活(TiffanyPoon)《日记舒曼DiariesSchumann》(2024)[Hi-Res96kHz_24bitFLAC]
- 林一峰2012-家课新曲+精选2CD[引进版][WAV+CUE]
- 叶蕴仪1990-S.O.S[日本版][WAV+CUE]
- 《塔瑞斯世界》正式定档6.19!九大职业先行登场
- 《地平线:零之曙光》确认登陆WeGame!5.31上线
- 育碧《渡神纪》官宣登陆Wegame!包含全部DLC内容
- 陈慧娴《极品之选》环球SACD天碟[DFF][1.9G]
- 沈媛《沈媛 国家大剧院管风琴》[320K/MP3][229.22MB]
- 沈媛《沈媛 国家大剧院管风琴》[FLAC/分轨][368.14MB]
- ECHO.1990-GOODBYE.SUMMER【丰艺】【WAV+CUE】
- 林宇中.2008-干物世界(引进版)【海蝶】【WAV+CUE】
- 二手玫瑰.2003-二手玫瑰【国际文化】【WAV+CUE】