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

那么今天突然想到記錄一下關(guān)于這個(gè)細(xì)線表格的原理，也是因?yàn)檫@幾天在給學(xué)生上基礎(chǔ)課，學(xué)生關(guān)于這個(gè)細(xì)線表格原理不是很明白，所以想初學(xué)者的話，估計(jì)都會(huì)遇到類似的問題，所以這里就說一下為什么設(shè)置這幾個(gè)值。

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

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

制作細(xì)線表格的步驟：

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

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

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

分析：table的背景色其實(shí)就是細(xì)線表格視覺上看起來的細(xì)線，因?yàn)槲覀儗order設(shè)置為0，并且單元格之間的間距cellspacing設(shè)置為1了，那么table的背景色就是透過這一像素的空隙透出來的顏色，給單元格設(shè)置背景色，就是為了和table的背景色區(qū)分開來。

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php 其它相關(guān)文章！

相關(guān)閱讀：

HTML基礎(chǔ)知識(shí)，關(guān)于超鏈接設(shè)置的樣式的詳細(xì)介紹

HTML的基礎(chǔ)知識(shí).關(guān)于css樣式表和樣式屬性的詳細(xì)介紹

HTMLa標(biāo)簽的href屬性指定相對(duì)路徑與絕對(duì)路徑使用方法

以上就是html如何制作細(xì)線表格的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。