css border table,css table-border

朴灿烈づ我的快乐病毒、 2022-09-02 14:53 125阅读 0赞

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&plus;table

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

随机推荐

&lbrack;systemtap手记&rsqb;debian体系安装过程

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

Poj&lpar;1466&rpar;，最大独立集，匈牙利算法

题目链接: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 ...

css border table,css table-border

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 CSS border 属性

相关 CSS3 of Border

相关 css border table,css table-border

相关 CSS3 border-image

相关 css为div 增加border

相关 css-（border-image）

相关 CSS3 border-radius 属性

相关 CSS3 Border-radius

相关 CSS3 border-radius 属性

相关 css中border画三角形