html制作细线表格的简单实例


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

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

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

我们再看看通过制作细线表格方法制作出来的是什么效果:

相比之下,后面的表格更为精致一些。

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

制作细线表格的步骤:

  1. 设置table的背景色(也就是视觉上表格边框的颜色);
  2. 设置td(单元格)的背景色(视觉上整个表格的整体颜色)
  3. 设置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



相关阅读:
Jquery实现自定义tooltip示例代码
CSS3制作酷炫的三维相册效果
javascript中indexOf技术详解
js实现ArrayList功能附实例代码
C标准库<assert.h>的实现详解
jQuery中ajax - get() 方法实例详解
Win8.1系统在安全模式下杀毒教程
Android 取得状态栏、任务栏高度的小例子
js检测网络是否具体连接功能的代码
用Autoconf检测MySQL软件包的教程
Android获取屏幕或View宽度和高度的方法
php文件服务实现虚拟挂载其他目录示例
C++设计模式之观察者模式
html5配合css3实现带提示文字的输入框(摆脱js)
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 大扬气-漠河 万源-正镶白旗 哈尔滨西-蛟河西 柴河-鹤岗 宝龙山-博克图 盐城-天水 平顶山-恩施 北京西-北戴河 宁武-榆次 襄阳东-玉山 海北-大连 临汾-北碚 赶水-广州 靖远西-白银市 温州南-济南西 诸暨-阳澄湖 煤田-吉文 兴城-朗乡 三穗-建瓯西 东乡-弋阳 虎林-东海 柴河-林口 昆山-太原 关林-四平 扎罗木得-汇流河 枝江北-泉州 南京南-绍兴东 旗下营-民族 秧草地-上西铺 七苏木-卓资东 冕山-尔赛河 平山-大庆西 东辛庄-西柳 加格达奇-牙克石 缙云-镇平 华山-鹤壁 安陆-旬阳 福兴地-开鲁 都匀-独山 沈阳-普湾 亳州-胶州 哈达阳-大乌苏 古城-沈阳 泗洪-淮安 金华南-缙云西 开原-佳木斯 鸡西-朱家沟 葫芦岛-北京 阳泉北-临清 定陶-潍坊 汇流河-索图罕 商丘南-汨罗 梁平-利川 大营镇-赣州 上西铺-罗平 尤溪-华山 前苇塘-西大庙 息县-商城 泊头-东营南 温州南-华山北 武昌-常德 海城西-安图西 桂林-武隆 石家庄-高碑店东 肇庆-金华 厦门北-青州市 遂宁-湘潭 四平-兴城 阜阳-惠州 杭州-湘乡 九江-江华 河津-繁峙 辽中-滨海 满洲里-绥中 赤峰东-四道湾 抚州东-绍兴北 余江-东乡 临城-井店 富源北-铜仁南 滕州东-郑州东 福州到成都的火车列车是不是每天都有票价是多少
苏通大桥通车以后,南通到无锡走苏通大桥近还是走江阴大桥近
茂名市十三中学到底是怎样的中学啊
从福州到太原要怎么做火车列车最好
上海奉贤南桥附近有没有去安徽安庆的汽车客车啊
淮安吊车到哪里找
求青岛到潍坊公共汽车线路。
北京中山公园郁金香花展到什么时候?
从天津市河西区土城公交车站怎么到卖文具的龙门
广州到襄樊特价机票多少
从北京列车站到北京儿童医院坐几路车谢谢
从大连体育场到熟食品市场做什么车
请问,金山区柳城路做什么车可以到松江列车火车站首班车是几点
到扬州汉陵苑要乘几路车
两人从扬州到常州恐龙园玩哪个旅行社最划算
固始段集火车列车站晚上2点有到县城的班车吗
买列车票问题_买列车票问题
火车列车站会带给城市什么
我想问一下 从咸阳机场怎么回礼泉费用是多少
请问下哪个知道重庆发货运到六盘水找哪个货运公司我是在巴
河南固始到浙江义乌有多少公里
深圳龙华到中山坦洲怎么走
大家好:我想在靖县列车站买从怀化到上海的列车票,提前10天
在南京,从光华门做什么车到大桥北路,急~~
天津南开区到塘沽
从杭州火车列车站怎么去嘉善
Z58从北京西到福州的全程硬座票价是多少
日照到平顶山哪条线最经济
沈阳站 沈阳北站到兴城的列车火车表 要求最新的,包括票价
新摩托车非要加原厂专用机油吗

Copyright © 2016 phpStudy |