如何在从数据库派生的 html 中显示不同的颜色


How to display different color in html retrived from database?

我在mysql数据库中有15行或更多行。我想检索它们并以 2 种不同的颜色显示。

对于第一行 <tr><td height="30" bgcolor="#F5F5F5">....</td></tr>
对于第二行 <td height="30" align="center" bgcolor="#FFFFFF">....</td></tr>
对于第三行 <td height="30" bgcolor="#F5F5F5">....</td></tr>
对于第四行<td height="30" align="center" bgcolor="#FFFFFF">....</td></tr>
等等....

如何使用 php 按顺序显示它们

您可以使用 CSS 选择器:

tr:nth-child(even) {
    background: #F5F5F5;
}
tr:nth-child(odd) {
    background: #FFF;
}

样本:http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-child_odd_even

您首先需要在 php 脚本中从数据库中获取行,然后在 php 中您可以循环这些行并应用奇数或偶数类,我使用 php 数组制作了一个示例脚本。在您的情况下$items将包含从数据库获取的行。

$items = array("abc", "123", "def", "345", 'wer'); 
foreach($items as $key => $val) {
    if($key == 0 ) {
        $class = 'odd';
    }
    elseif($key%2 == 0) {
        $class = 'odd';     
    }
    else {
        $class = 'even';    
    }
    echo $class . " $val" ."<br/>";
}

让我知道它是否对您有帮助。