html轮盘菜单栏

最新推荐文章于 2024-05-08 14:00:04 发布

许晨梦

最新推荐文章于 2024-05-08 14:00:04 发布

阅读量587

点赞数

文章标签： html webview sass

本文链接：https://blog.csdn.net/dearlwy521/article/details/125144930

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://www.liangshuai.top/css/index.css">
    <title>THE ONE</title>
</head>
<body>
    <div class="menu">
        <video src="http://liangshuai.top/video/bgsp.mp4" autoplay muted loop="-1" width="100%"></video>
        <input type="checkbox" name="" id="checked" class="checked"> 
        <label for="checked">
            <p>开启</p>
        </label>
        <ul>
            <li class="ico" id="one">
                <a href="./homepage/index.html">
                    <p>
                        金
                    </p>
                </a>
            </li>
            <li class="ico" id="two">
                <a href="./home/index.html">
                   <p>
                    木
                   </p>
                </a>
            </li>
            <li class="ico" id="three">
                <a href="./team/index.html">
                   <p>
                    水
                   </p>
                </a>
            </li>
            <li class="ico" id="four">
                <a href="./resource/index.html">
                    <p>
                        火
                    </p>
                </a>
            </li>
            <li class="ico" id="five">
                <a href="./us/index.html">
                    <p>
                        土
                    </p>
                </a>
            </li>
        </ul>
    </div>
</body>
</html>