明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

html如何制作細(xì)線表格

[摘要]這次給大家?guī)韍tml如何制作細(xì)線表格,用html制作細(xì)線表格的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。關(guān)于這個細(xì)線表格的制作方法,百度一下可能就會有答案告訴你設(shè)置這幾個值:給table設(shè)置border="0" cellspacing="1" bgc...
這次給大家?guī)韍tml如何制作細(xì)線表格,用html制作細(xì)線表格的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。

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

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

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

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

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

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

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

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

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

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

相關(guān)閱讀:

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

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

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

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


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。




相關(guān)文章