CSS細線表格

iDotNetSpace發表於2009-08-13
CSS

在HTML中，我們設定border=”1″ 時，表格邊框實際大小是2px，那如果我們要做成1px的細線表格要怎麼辦？以前在做1px的表格的時候，我會用表格背景顏色，然後再用另一種顏色設計單元格的背景，再把表格間距設定成1px，這樣就能達到我們的1px表格了，如下例：


















這種方法雖然可以實現，但是頁面裡的程式碼多了很多，而且要控制區域性也相對麻煩些。

下面的這種方法及其簡單，html程式碼也減少了很多，結構更加的清晰。
css程式碼：

<!--
table{
border-collapse:collapse;
}
td{
background:#ffc;
border:solid 1px #f90;
height:22px;
}
--&gt

html程式碼：

















作者：houfeng
出處：http://houfeng.cnblogs.com 
本文版權歸作者和部落格園共有,未經作者同意請保留此宣告.

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-612099/，如需轉載，請註明出處，否則將追究法律責任。

相關文章