<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WEB前端开发 &#187; border-collapse</title>
	<atom:link href="http://www.css88.com/archives/tag/border-collapse/feed" rel="self" type="application/rss+xml" />
	<link>http://www.css88.com</link>
	<description>专注前端开发，关注用户体验</description>
	<lastBuildDate>Mon, 06 Feb 2012 13:31:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>border-collapse: collapse在FireFox，IE6，IE7下的小bug</title>
		<link>http://www.css88.com/archives/2117</link>
		<comments>http://www.css88.com/archives/2117#comments</comments>
		<pubDate>Tue, 19 Jan 2010 13:01:07 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[html+css]]></category>
		<category><![CDATA[border-collapse]]></category>
		<category><![CDATA[bug]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=2117</guid>
		<description><![CDATA[一直使用border-collapse: collapse来做1像素边框的表格，比如： table{border-collapse:collapse;border: 1px solid #FFFFFF;} table td,table th{border: 1px solid #FFFFFF;} 昨天css森林的飘发了一篇文章（http://www.charlesgarwood.com/blog/?p=13）才发现原来border-collapse: collapse在FireFox下有个小bug。 ie8,CH,OP,SF都没什么问题，而在FF下却又一个小BUG：table的左边会多出1个像素的边框，并且在ie7和ie6下单元格宽度没有平分，第一个比其他几个要小一点，如图： 飘发的文章虽然有解决方案，但是个人任务太麻烦了，还不如我下面这个解决方案，没有hack或者条件注释，而且解决了上面的2个问题： table{border-top: none;border-right:none;border-bottom: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;} table td,table th{border-top:1px solid #FFFFFF;border-right: 1px solid #FFFFFF;border-bottom:none;border-left: 0;} 点此查看我做的demo:http://www.css88.com/demo/border-collapse/border-collapse.html 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《border-collapse: collapse在FireFox，IE6，IE7下的小bug》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/2117/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

