萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 給表格設置不重疊的邊框(單線邊框)的2種方法

給表格設置不重疊的邊框(單線邊框)的2種方法

大多數朋友都會遇到給表格table設置邊框的情況,但效果總是達不到預期,比如某幾根線會因重復設置而加粗,破壞了整體效果。下面我給大家介紹兩種設置單線邊框的css樣式:
第一種:
 

復制代碼 代碼如下:
table{
border-collapse:collapse;
}
table tr{
border:1px solid red;
}


第二種:

復制代碼 代碼如下:
table tr td{
border-top:1px solid red;
}
table{
border:1px solid red;
border-top-width:0px;
}


效果:

copyright © 萬盛學電腦網 all rights reserved