php怎样引用css样式
<?php
try {
$pdo = new PDO("mysql:host=localhost;dbname=mydb;", "root", "");
} catch (PDOException $e) {
die("数据库连接失败" . $e->getMessage());
}
$pdo->query("SET NAMES 'UTF8'");
$sql = "SELECT * FROM student ";
foreach ($pdo->query($sql) as $row) {
echo "<tr>";
echo "<td>{$row['id']}</td>";
echo "<td>{$row['name']}</td>";
echo "<td>{$row['sex']}</td>";
echo "<td>{$row['age']}</td>";
echo "<td>{$row['classid']}</td>";
echo "<td>
<a href='javascript:doDel({$row['id']})'>删除</a>
<a href='edit.php?id=({$row['id']})'>修改</a>
</td>";
echo "</tr>";
}
?> 展开
您可以通过在echo语句中嵌入HTML代码来实现对表格的样式修改,例如可以使用style属性来设置背景颜色。具体来说,您可以按照以下步骤修改代码:
给表格添加一个CSS类,例如可以将表格的class属性设置为"my-table"。
在CSS样式文件或者页面的head标签中定义这个类的样式,例如可以使用background-color属性设置表格的背景颜色。
在输出表格行的echo语句中嵌入HTML代码,使用class属性将表格行的样式设置为这个CSS类。
对于删除和修改的链接,您可以使用CSS的background-color属性设置其背景颜色。
下面是修改后的代码示例:
<?php
try {
$pdo = new PDO("mysql:host=localhost;dbname=mydb;", "root", "");
} catch (PDOException $e) {
die("数据库连接失败" . $e->getMessage());
}
$pdo->query("SET NAMES 'UTF8'");
$sql = "SELECT * FROM student ";
echo "<table class='my-table'>";
foreach ($pdo->query($sql) as $row) {
echo "<tr class='my-row'>";
echo "<td>{$row['id']}</td>";
echo "<td>{$row['name']}</td>";
echo "<td>{$row['sex']}</td>";
echo "<td>{$row['age']}</td>";
echo "<td>{$row['classid']}</td>";
echo "<td>
<a href='javascript:doDel({$row['id']})' style='background-color: red;'>删除</a>
<a href='edit.php?id={$row['id']}' style='background-color: green;'>修改</a>
</td>";
echo "</tr>";
}
echo "</table>";
?>
在上面的代码中,我们首先给表格设置了一个CSS类"my-table",并在页面头部或者样式文件中定义了这个类的样式。然后,在输出表格行的echo语句中,我们使用class属性将表格行的样式设置为"my-row"类,同时给删除和修改的链接分别设置了背景颜色。最后,我们将整个表格包裹在一个table标签中,这样样式就会应用到整个表格。
广告 您可能关注的内容 |