首頁 > 開發者 > JavaScript
如何使用CSS實現細線表格效果，css實現細線表格
如何使用CSS實現細線表格效果:
雖然在使用布局的時候不提倡使用table，但是table並非是一個不能使用的元素，只要和CSS配合使用得當，還是具有相當的威力，並且在特地的情況使用table比使用div更有優勢，例如在製作表格，但是表格內建的邊框比較醜陋，下面介紹一下如何使用CSS實現細線表格效果。代碼執行個體如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>螞蟻部落</title><style type="text/css">table{ width:300px; height:60px; background-color:green;}table td{ background-color:white;}</style></head><body><table cellspacing="1"> <tr> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> </tr> <tr> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> </tr></table></body></html>
以上代碼通過設定table的cellspacing屬性值為1px，然後再設定table的背景顏色為綠色，再將儲存格的背景顏色設定為白色，那麼就能夠顯露出來1px的“邊框”效果。
原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0504/725.html
最為原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4645
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
