根据页面的行数,生成一个不同颜色的页面,0-30红色背景,31-60蓝色背景,61-90绿色背景,91-120黑色背景,121-150紫色背景,超过为白色。

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<?php
for($i = 1;$i<=150;$i++) {      //循环150次
    if ($i >=1 && $i <= 30) {   //1到30行的范围
        echo '<div style="background:#FF0000;width: 100%;height: 2px;"></div>';
        // 输出一个div 颜色:红色 宽度:100% 高度(一行):2px
    }
    elseif($i>=31&&$i<=60){
        echo '<div style="background:lime;width: 100%;height: 2px;"></div>';
    } elseif($i>=61&&$i<=90) {
        echo '<div style="background:darkturquoise;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>

效果图:

发布了17 篇原创文章 · 获赞 2 · 访问量 790

猜你喜欢

转载自blog.csdn.net/he1721360028/article/details/103466716