css border table,css table-border

1.table上设边框，td上设边框：

table{border-right:1px solid #F00;border-bottom:1px solid #F00}

table td{border-left:1px solid #F00;border-top:1px solid #F00}

/*

如果对table和td都设置了全边框，则中间的td与td之间就出现了双边框

只对table td设置左与上边框；

对table设置右与下边框；

*/

2.table上设边框，td上不设边框

table{border:1px solid #F00;border-collapse: collapse;}

/*

利用table的border，bordercolor="#a0c6e5"实现table的边框，

但是此时的边框太粗，这时就可以用到style属性里的border-collapse:collapse，

border-collapse 属性设置表格的边框是否被合并为一个单一的边框

*/

3.在table上不设边框，td上设边框

table{border:none;border-collapse:collapse;}

table td{border:1px solid #F00;}

/*

单设td的边框，中间会的td与td中间的边框会出现双边框，此时需要设置

border-collapse:collapse;属性合并边框

*/

4.在table上设边框，不合并边框

/*

cellpadding=“0”：单元格边距等于0，其默认值为1px，等同于css中的：{padding：0;}

cellspacing="0"：单元格间距等于0，其默认值为2px，等同于css中的：border-collapse: collapse(边框合并)，

但又不完全相同，cellspacing仅间距，而border-collapse使临近的边线合并成一条边线，

也就避免了cellspacing中边线重合造成边线加粗的问题。所以在这里不提倡使用html属性设置表格边框时将cellspacing设置为0，

如果你希望他等于0，更提倡使用css样式属性的方法去设置表格的边框，并使用border-collapse: collapse去合并边线，

而不是将cellspacing设置为0，造成重合边线加粗的问题

*/

css+table

",它的下一行tr会少一列:合并列的时候 colspan="2",此行的 ...

随机推荐

[systemtap手记]debian体系安装过程

Debian体系,本人测试用机 Ubuntu 11.10 uname -r 查看原本的内核版本为 3.0.0-12-generic 第一步: 安装systemtap包 $ sudo apt-get i ...

Poj(1466)，最大独立集，匈牙利算法

题目链接:http://poj.org/problem?id=1466 Girls and Boys Time Limit: 5000MS   Memory Limit: 10000K Total S ...

Android清除本地数据缓存代码案例

Android清除本地数据缓存代码案例 直接上代码: /*  * 文 件 名:  DataCleanManager.java  * 描    述:  主要功能有清除内/外缓存,清除数据库,清除shar ...

Jquery的同步和异步请求

1 异步请求:    1.1 $.ajax       $.ajax({                url : 'your url',                data:{name:valu ...

forfiles

关键命令就这一条了:forfiles.exe /p "D:\Kugou" /m *.tar /d -14 /c "cmd /c del @path" 这条命令的 ...

web开发必备的浏览器常识

浏览器内核: 1.使用Trident内核的浏览器:IE.Maxthon.TT.The World等: 2.使用Gecko内核的浏览器:Netcape6及以上版本.FireFox.MozillaSuit ...

js 复制粘贴

input输入框

「Python」7个不一样的代码写法

打印index 对于一个列表,或者说一个序列我们经常需要打印它的index,一般传统的做法或者说比较low的写法: 更优雅的写法是多用enumerate 两个序列的循环 我们会经常对两个序列进行计算或 ...

iOS UIWebView 获取内容实际高度，关闭滚动效果

本文转载至 http://my.oschina.net/Khiyuan/blog/341535   iOS UIWebView 获取内容实际高度,关闭滚动效果 近期做东西,将 UIWebView 嵌套 ...

【Linux】CentOS7上解压zip需要安装uzip

1.安装zip.unzip应用 yum install zip unzip 2.压缩和解压文件 以下命令均在/home目录下操作 cd /home #进入/home目录 a.把/home目录下面的my ...