php - 使用 php 和 html 使用多种颜色使表格行变得丰富多彩
问题描述
以下代码可以使用两种颜色交替制作带有颜色的表格:
$num = mysql_num_rows($qPhysician);
$i=0;
echo "<table>"
while($i < $num)
{
if ($i % 2 == 0){
echo "<tr class='style1'>";
}
else{
echo "<tr class='style2'>";
}
echo "<td>" . mysql_result($qPhysician,$i,"lastName") . "</td>";
echo "<td>" . mysql_result($qPhysician,$i,"firstName") . "</td>";
echo "</tr>";
$i++;
}
echo "</table>";
假设我有多种颜色。红色、绿色、黄色、蓝色等。有没有办法让桌子交替使用这些颜色?我将如何做到这一点?
解决方案
嗨 user10179141 试试这个代码 css 和 html。
table tr:nth-child(2n) {
background-color: #4a94ed;
border-color: #4a64ed;
}
<table>
<tr>
<td>Col 1</td>
<td>Col 2 </td>
</tr>
<tr>
<td>Col 1</td>
<td>Col 2 </td>
</tr>
<tr>
<td>Col 1</td>
<td>Col 2 </td>
</tr>
<tr>
<td>Col 1</td>
<td>Col 2 </td>
</tr>
</table>
定义和使用
:nth-child(n) 选择器匹配其父元素的第 n 个子元素,无论其类型如何。
n 可以是数字、关键字或公式。
示例情况,我需要在文本中选择第二段。
我用p:nth-child(2) {css propertys}
https://codepen.io/pauloserafimtavares/pen/gjqrYQ
W3C CSS 选择器的更多信息 https://www.w3schools.com/cssref/sel_nth-child.asp
推荐阅读
- google-chrome - ChromeDriver 78 似乎正在禁用 allow-sync-xhr-in-page-dismissal 标志
- windows - 批量编码,然后将文件大小与原始文件大小进行比较并删除更大的文件
- node.js - 将外部 .ts 文件添加到 React 应用程序以编译为单个 .js 文件
- sql - SQL Server 中是否有自动方式每周从 .CSV 文件和 FTP 安全站点将增量记录添加到表中?
- tensorflow - 尽管由于 GPU 导致的结果不可重现,是否应该播种?
- bash - 使用重定向为 Herestring 的新行处理输出命令
- tfs - git-tf 克隆到 DevOps
- javascript - 仅在真实设备上的 React Native 中的“无效日期”
- windows - 我无法让“create-rmi-keystore.bat”在 Windows 上运行,有解决方案吗?
- java - 我们如何在 JUnit 中模拟会话值(request.getSession())?