HTML中正確設置表格table邊框border的三種辦法


html中如果設置table的border為1px,實際會產生雙線,十分不美觀,那么在HTML中如何正確設置表格table邊框border呢?

第一種方法:

  1、將table的屬性設置為:BORDER=0 、cellspacing=1 ;

  2、設置table的背景色為即你要設置的table的邊框顏色;

  3、設置所有td背景色為#ffffff白色;

第二種方法:

  1、設置BORDER=0 ;

  2、再通過CSS,給Table加上1px的border-top,border-left;

  3、然后再設置所有的td的border-right,border-bottom;

第三種方法(推薦):

  1、設置table的CSS為{border-collapse:collapse;border-style: solid;border-width: 1px;}

    注:border-collapse:collapse;

separate 默認值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。
collapse 如果可能,邊框會合並為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。
inherit 規定應該從父元素繼承 border-collapse 屬性的值。

  2、再設置td的CSS為{border-style: solid;border-width: 1px;}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM