關于這個細線表格的制作方法,百度一下可能就會有答案告訴你設置這幾個值:給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 其它相關文章!
相關閱讀:
HTML的基礎知識.關于css樣式表和樣式屬性的詳細介紹
HTMLa標簽的href屬性指定相對路徑與絕對路徑使用方法
以上就是html如何制作細線表格的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答