当使用 PHP 和 MySQL 从数据库列出信息时,可以使用 CSS 样式来使第一行看起来与其他行不同。以下是一个简单的示例:
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 查询数据
$sql = "SELECT id, name, email FROM MyGuests";
$result = $conn->query($sql);
$data = array();
if ($result->num_rows > 0) {
// 输出数据
while($row = $result->fetch_assoc()) {
$data[] = $row;
}
} else {
echo "0 结果";
}
$conn->close();
?>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<?php foreach ($data as $row) { ?>
<tr>
<td><?php echo $row['id']; ?></td>
<td><?php echo $row['name']; ?></td>
<td><?php echo $row['email']; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
:first-child
伪类选择器来选择第一行,并设置不同的样式:table tbody tr:first-child {
background-color: #f2f2f2;
font-weight: bold;
}
这样,第一行将具有不同的背景颜色和字体粗细,使其与其他行区分开来。
领取专属 10元无门槛券
手把手带您无忧上云