html作业

最新推荐文章于 2024-05-21 11:22:42 发布

m0_68809528

最新推荐文章于 2024-05-21 11:22:42 发布

阅读量53

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_68809528/article/details/124409219

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>李宽</title>
    <style type="text/css">
        .top{
            height: 40px;
            width:100%;
            background:rgb(120, 130, 140);
            position: fixed;
            top: 0;
        }
        .top ul{
            width: 80%;
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;

        }
        .top li {
            float:left;
            margin-right:50px;
        }

        .top li a{

            display: block;
            color:white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }
        .top li a:hover{

            background-color: #120;
        }
        .top ul li ul{

            width: auto;
            background:rgb(189, 181, 181);
            position: absolute;
            display: none;

        }
        .top ul li ul li{

            margin-right:0;
            float:none;
            text-align: center;
        }
        .top ul li:hover ul{

            display: block;
        }
       </style>
<body>
<div class="top">
    <center>
        <ul>
            <li><a href="#">需求分析</a>
                <ul>
                    <li><a href="../img/E-R图.png" target="ER">实体-关系图</a></li>
                    <li><a href="../img/流程图.png" target="ER">数据流图</a></li>
                    <li><a href="../img/IPO图.png" target="ER">IPO图</a></li>
                </ul>
            </li>

            <li><a href="#">概要设计</a>
                <ul>
                    <li><a href="#">层次图</a></li>
                    <li><a href="#">结构图</a></li>
                </ul>
            </li>
            <li><a href="#">详细设计</a>
                <ul>
                    <li><a href="#">流程图</a></li>
                    <li><a href="#">盒图</a></li>
                </ul>
            </li>
            <li><a href="#"><b>实现与测试</b></a></li>
        </ul>
    </center>
</div>
<div>
    <br>
    <br>
    <strong>计算机应用技术1班 2020030311021 李宽</strong>
    <a href="https://blog.csdn.net/qq_57269339?type=blog">我的博客</a>
    <iframe src="" name="ER" frameborder="0" width="1600" height="900">
    </iframe>

</div>
</body>
</head>
</html>

m0_68809528

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html作业

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>李宽</title> <style type="text/css"> .top{ height: 40px; width:100%; background:rgb(120, .
复制链接

扫一扫