代码:
<!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: 5px; border: 1px solid;"></div>';
} elseif($i>=61&&$i<=90) {
echo '<div style="background:darkturquoise;width: 100%;height: 5px; border: 1px solid;"></div>';
}elseif($i>=91&&$i<=120) {
echo '<div style="background:rebeccapurple;width: 100%;height: 5px; border: 1px solid;"></div>';
}else{
echo '<div style="background:black;width: 100%;height: 5px; border: 1px solid;"></div>';
}
}
?>
</body>
</html>
执行效果: