DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS制作符合網站標准的細線表格
CSS制作符合網站標准的細線表格
編輯:CSS詳解     

CSS教程:實現符合Web標准的細線表格

  隨著應用CSS網頁布局構建網頁,
  以及web標准的廣泛普及與發展,
  表格漸漸被人們遺忘,
  但是表格還是有它優秀的一面,
  數據處理用表格的確省了不少麻煩!
  這個是細表格的代碼,並且通過了標准驗證!

table{
    border:1px solid #000;
    border-width:1px 0 0 1px;
    margin:2px 0 2px 0;
    text-align:center;
    border-collapse:collapse;
}
td,th{
    border:1px solid #000;
    border-width:0 1px 1px 0;
    margin:2px 0 2px 0;
    text-align:left;
}
th{
    text-align:center;
    font-weight:600;
    font-size:12px;
    background-color:#F4F4F4;
}


<table width="236">
 <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
 </tr>
</table>


table,td,th{
    border:1px #000 solid;
    border-collapse:collapse;
}

  用最後這段代碼,很容易就可以實現。
  經過測試,通過標准strict!

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