html如何制作細線表格

關于這個細線表格的制作方法，百度一下可能就會有答案告訴你設置這幾個值：給table設置border="0" cellspacing="1" bgcolor="#990033"這幾個值，還要給單元格單獨設置背景色,例如：bgcolor="#fff"。但是關于為什么要設置這幾個值，估計就沒有詳細的講解了！

那么今天突然想到記錄一下關于這個細線表格的原理，也是因為這幾天在給學生上基礎課，學生關于這個細線表格原理不是很明白，所以想初學者的話，估計都會遇到類似的問題，所以這里就說一下為什么設置這幾個值。

首先我們先看看將表格的border的值設置為1的時候的效果，哪怕border="1",單元格之間的距離cellspacing="0",表格的粗細看起來還是比較粗糙：

那么現(xiàn)在我先把制作細線表格的步驟歸納一下：

制作細線表格的步驟：

設置table的背景色(也就是視覺上表格邊框的顏色)；

設置td(單元格)的背景色（視覺上整個表格的整體顏色）

設置table的邊框值為0(border=“0”)， 間距的值為1 （ cellspacing=“1”，使table的背景色透過這個間距顯示出來，成為視覺上的邊框 ）。

分析：table的背景色其實就是細線表格視覺上看起來的細線，因為我們將border設置為0，并且單元格之間的間距cellspacing設置為1了，那么table的背景色就是透過這一像素的空隙透出來的顏色，給單元格設置背景色，就是為了和table的背景色區(qū)分開來。

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關注php中文網(wǎng)其它相關文章！

相關閱讀：

HTML基礎知識，關于超鏈接設置的樣式的詳細介紹

HTML的基礎知識.關于css樣式表和樣式屬性的詳細介紹

HTMLa標簽的href屬性指定相對路徑與絕對路徑使用方法

以上就是html如何制作細線表格的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！