代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<?php
for($n=0;$n<=200;$n++)
if ($n>=0&&$n<=30){
echo '<div style="background:red;width:100%;height: 1px; border: solid;"></div>';
}
elseif ($n>=31&&$n<=60){
echo '<div style="background:blue;width:100%;height: 1px; border: solid;"></div>';
}
elseif ($n>=61&&$n<=90){
echo '<div style="background:green;width:100%;height: 1px; border: solid;"></div>';
}
elseif($n>=91&&$n<=120){
echo '<div style="background:black;width:100%;height: 1px; border: solid;"></div>';
}
elseif($n>=121&&$n<=150){
echo '<div style="background:purple;width:100%;height: 1px; border: solid;"></div>';
}
elseif($n>150) {
echo '<div style="background:white;width:100%;height: 1px; border: solid;"></div>';
}
?>
</body>
</html>
执行效果:

本文展示了一段使用PHP在HTML中生成渐变色条的代码。通过for循环和条件语句,根据变量$n的不同范围,输出不同背景颜色的div元素,实现了从红色到白色的渐变效果。
1030





