如何在数据库中重新显示html中的不同颜色?

时间:2016-03-16 07:52:16

标签: javascript php html css

我在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>
对于Forth行<td height="30" align="center" bgcolor="#FFFFFF">....</td></tr>
等等......

如何使用php

以这样的顺序显示它们

2 个答案:

答案 0 :(得分:3)

您可以使用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

答案 1 :(得分:0)

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

$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/>";
}

如果有帮助,请告诉我。