css显示页面分区的问题答案

【问题标题】：problem with css showing the divisions of the pagecss显示页面分区的问题
【发布时间】：2010-04-20 21:20:45
【问题描述】：

这很可能是此页面的罪魁祸首： 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脚本时都会看到那些行

【问题讨论】：

我们有点需要查看标记...您使用的是基于表格的布局吗？看起来您可能是，并且您的 border: 1px solid black; 正在应用于所有表格，而不是您想要的表格。

标签： php html css

【解决方案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>

【讨论】：

你不是说.mytable th, .mytable td吗？