2022年7月30日——HTML案例-CFANZ编程社区

2022年7月30日——HTML案例

描述：

实现流程的界面

效果展示：

2022年7月30日——HTML案例_界面效果

之后，可以调整大小。。。

代码演示：

<!DOCTYPE html>
<html>
    <head>
        <title>2022年7月30日</title>
    </head>
    <style>
        *{padding: 0; margin: 0;}

        ul li{
            list-style: none;
            width: 100px;
            height: 100px;
            background-color: antiquewhite;
            border-radius: 50%;
            line-height: 100px;
            text-align: center;
            z-index: 20;
            margin-top: 100px;
        }
        ul li span{
            width: 300px;
            height: 50px;
            background-color: aqua;
            display: block;
            position: relative;
            top: -80px;
            left: 100px;
            z-index: 0;
        }
    </style>
    <body>
        <h1>2022年7月30日</h1>
        <ul>
            <li>1<span></span></li>
            <li>2<span></span></li>
        </ul>
    </body>
</html>

0 条评论