這次帶給大家html如何製作細線表格,用html製作細線表格的注意事項有哪些,以下就是實戰案例,一起來看一下。
關於這個細線表格的製作方法,百度一下可能會有答案告訴你設定這幾個值:給table設定border="0" cellspacing="1" bgcolor="#990033"這幾個值,還要給單元格單獨設定背景色,例如:bgcolor="#fff"。但是關於為什麼要設定這幾個值,估計就沒有詳細的講解了!
那麼今天突然想到記錄一下關於這個細線表格的原理,也是因為這幾天在給學生上基礎課,學生關於這個細線表格原理不是很明白,所以想初學者的話,估計都會遇到類似的問題,所以這裡就說為什麼要設定這幾個值。
首先我們先看看將表格的border的值設為1的時候的效果,哪怕border="1",單元格之間的距離cellspacing="0",表格的粗細看起來還是比較粗糙:
那麼現在我先把製作細線表格的步驟歸納一下:
製作細線表格的步驟:
設定table的背景色(也就是視覺上表格邊框的顏色);
設定td(單元格)的背景色(視覺上整個表格的整體顏色)
設定table的邊框值為0(border=“0 ”), 間距的值為1 ( cellspacing=“1”,使table的背景色透過這個間距顯示出來,成為視覺上的邊框)。
分析:table的背景色其實就是細線表格視覺上看起來的細線,因為我們將border設為0,並且單元格之間的間距cellspacing設定為1了,那麼table的背景色就是透過這像素的空隙透出來的顏色,為單元格設定背景色,就是為了和table的背景色區分開來。
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
#HTMLa標籤的href屬性指定相對路徑與絕對路徑使用方法#########以上是html如何製作細線表格的詳細內容。更多資訊請關注PHP中文網其他相關文章!