zoukankan      html  css  js  c++  java
  • 导航position:absolute

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>导航position:absolute</title>
    <style type="text/css">
    .a1{ width:120px; height:40px; background-color:#F00; position:absolute; cursor:pointer;  overflow:hidden}
    .a1:hover{
        overflow:visible; }
    .a2{ width:120px; height:40px; background-color:#F69; position:absolute; cursor:pointer; top:40px; overflow:hidden;}
    .a2:hover{
        overflow:visible}
    .a3{ width:120px; height:40px; background-color:#63F; position:absolute; cursor:pointer; left:120px;}
    .a4{ width:120px; height:40px; background:#0F0; position:absolute; cursor:pointer; top:80px; overflow:hidden}
    .a4:hover{
        overflow:visible}
    .a5{ width:120px; height:40px; background:#0FF; position:absolute; cursor:pointer; left:120px;}
    .a6{ width:120px; height:40px; background-color:#0C3; position:absolute; cursor:pointer; top:120px; overflow:hidden}
    .a6:hover{
        overflow:visible}
    .a7{ width:120px; height:40px; background-color:#CF6; position:absolute; cursor:pointer; left:120px;}
    </style>
    </head>
    
    <body>
    <div class="a1">
    <div class="a2"><div class="a3"></div></div>
    <div class="a4"><div class="a5"></div></div>
    <div class="a6"><div class="a7"></div></div>
    </div>
    
    </div>
    
    </body>
    </html>
  • 相关阅读:
    每日总结59
    每日总结58
    每日总结57
    每日总结56
    每日总结55
    每日总结54
    每日总结53
    每日总结52
    学习日报
    学习日报
  • 原文地址:https://www.cnblogs.com/liyh123/p/6082166.html
Copyright © 2011-2022 走看看