DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 給表格設置不重疊的邊框(單線邊框)的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;
}


效果:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved