实验环境:phpstorm程序,phpstudy程序。
实验流程:
1:在phpstorm中编写php文件如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<?php
for($i = 1;$i<=150;$i++) {
if ($i >=1 && $i <= 30) {
echo '<div style="background:#FF0000;width: 100%;height: 5px;border: 1px solid;"></div>';
}
elseif($i>=31&&$i<=60){
echo '<div style="background:lime;width: 100%;height: 2px;"></div>';
}
elseif($i>=61&&$i<=90) {
echo '<div style="background:coral;width: 100%;height: 2px;"></div>';
}elseif($i>=91&&$i<=120) {
echo '<div style="background:rebeccapurple;width: 100%;height: 2px;"></div>';
}elseif($i>=121&&$i<=150) {
echo '<div style="background:black;width: 100%;height: 2px;"></div>';
}
}
?>
</body>
</html>
2:打开网页验证效果,如图:

实验结论:成功通过编写php文件实现固定行间变换颜色。
本文介绍了一种使用PHP编程语言实现在网页上按行变换背景颜色的方法。通过编写PHP文件,根据行数的不同,设置不同的背景颜色,实现了从红色到黑色的渐变效果。
233

被折叠的 条评论
为什么被折叠?



