boat1980的专栏

用户操作

[留言] [发消息] [加为好友]

订阅我的博客

[编辑]boat1980的公告

养成学习的习惯，科技成就未来。人的生活方式有两种，第一种方式是像草一样活着，你尽管活着，每年还在成长，但是你毕竟是一棵草，你吸收雨露阳光，但是长不大。人们可以踩过你，但是人们不会因为你的痛苦，而他产生痛苦；人们不会因为你被踩了，而来怜悯你，因为人们本身就没有看到你。所以我们每一个人，都应该像树一样的成长，即使我们现在什么都不是，但是只要你有树的种子，即使你被踩到泥土中间，你依然能够吸收泥土的养分，自己成长起来。当你长成参天大树以后，遥远的地方，人们就能看到你；走近你，你能给人一片绿色。活着是美丽的风景，死了依然是栋梁之才，活着死了都有用。这就是我们每一个同学做人的标准和成长的标准。每一条河流都有自己不同的生命曲线，但是每一条河流都有相同的梦想那就是奔向大海我们的生命，有的时候会是泥沙你可能慢慢地就会像泥沙一样沉淀下去一旦你沉淀下去了也许你不用在为了前进而努力但是你却永远见不到阳光了所以我建议大家不管你现在的生命是怎样的一定要有水的精神像水一样不断的积蓄自己的力量不断的冲破障碍当你发现时机不到的时候把自己的厚度给积累起来当有一天时机来临的时候你就能够奔腾入海成就自己的生命

[编辑]文章分类

存档

border-collapse 收藏

原贴：http://hi.baidu.com/csxbao/blog/item/727144cef40c403eb700c8e7.html

border-collapse版本：CSS2　兼容性：IE5+　继承性：无
语法：
border-collapse : separate | collapse
取值：
separate :　默认值。边框独立(标准HTML)
collapse :　相邻边被合并

说明：
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 borderCollapse 。
示例：
table { border-collapse: separate; }
应用于：
IE5.0+ currentStyle runtimeStyle style TABLE

例一,没用样式
<table width="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000">
<tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
</table>

例二作用样式

table width=1 就已经把宽度设置为 1 了
我们面临的问题是这样的，每一个 td 边线都是 1px，table 边线也是 1px。那么当两个td相邻的时候，因为每个 td 边线都是1，所以靠进的时候边线的“宽度和”就是 1+1=2。当 td 和 table 相邻时，同样。

collapse :　相邻边被合并
相邻边被合并！以前我说的 1+1=2 就是因为 td 和td之间，td 和table 之间相邻边的问题。默认时相邻边没有合并，所以就是 1+1=2。现在我们使用 border-collapse:collapse把我们合并了，所以宽度还是 1px。也就是出现细线边框了

发表于 @ 2009年02月05日　14:37:00 | 评论( loading... ) | 编辑| 举报| 收藏