在CSS中显示MySQL表

时间:2011-07-16 17:51:35

标签: php mysql css

我刚开始使用PHP并设法运行一个简单的CRUD应用程序。但显示它似乎有点沉闷,看起来很难看,所以我想知道是否有人可以解释我如何从数据库表中选择我的数据并使其在W3School网站上看起来像this one

我喜欢颜色交替的方式,当我的数据被读取并显示在桌面上时,它会很好地重现它。

2 个答案:

答案 0 :(得分:1)

如果您的问题是关于交替颜色行,请按照以下步骤操作:为两种类型的行定义两个CSS类:

tr.row-even {
    background-color: blue;
}

tr.row-odd {
    background-color: red;
}

然后通过检查每行索引的均匀性将行类分配给每一行:

<?php
$rowCount = ...; // Depends on your code
for ($i = 0; $i < $rowCount; $i++) {
    $rowClass = ($i % 2 == 0) ? 'row-even' : 'row-odd';
    echo '<tr class="' . $rowClass . '">';
    // ...
    echo '</tr>';
}
?>

答案 1 :(得分:0)

这不是基于PHP而是基于HTML。 PHP是服务器端的。

等等,我想我确实得到了你

$i = 0;
while($row = mysql_fetch_assoc($result))
{
    $i++;
    if ($i % 2)
    {
        echo "<tr class='yellow'><td>".$row['id']."</td></tr>";
    }
    else{
        echo "<tr class='green'><td>".$row['id']."</td></tr>";
    }
}
CSS中的

看起来像

.yellow{background-color:yellow;}
.green{background-color:green;}