php - css 显示页面划分的问题

Question

这很可能是此页面的罪魁祸首: http://www.mypicx.com/04192010/ff/

table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size:3;
font-size:10px;


}
th
{
background-color:#A7C942;
color:white;
}

我不知道为什么，但是页面中有一些 php 脚本，它显示了来自 mysql 数据库的表。正如您在上面的网址中看到的那样。请帮助，为什么我每次放置那些 css 脚本时都会看到这些行

Answer 1

看起来您的边框被设置为页面中的所有表格，而不仅仅是一个表格。

尝试这样的事情:

.mytable
{
border-collapse:collapse;
}
.mytable th, .mytable td
{
border: 1px solid black;
font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size:3;
font-size:10px;


}
.mytable th
{
background-color:#A7C942;
color:white;
}

然后在您希望有这些边框的表格的 HTML 中使用一个类:

 <table class="mytable">
    <tr>
         <th>Time</th>
    </tr>
    <tr>
         <td><span class="A">8:00 AM</span></td>
    </tr>
   </table>