<!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>
html作业
最新推荐文章于 2024-05-21 11:22:42 发布