zoukankan      html  css  js  c++  java
  • http://www.865171.cn/cssmenu/detail20.aspx

    演示效果截图

     CSS按钮式垂直菜单

    用到的图片

    
    
    

    CSS代码

     .menulist a{color: black;display: block; 170px;height: 20px;
    padding-left: 5px;padding-top: 1px;margin-bottom: 5px;background-image: url(menu.jpg);
    background-repeat: no-repeat;background-position: left top;text-decoration: none;
    font-weight: bold;}
    .menulist a:hover{background-image: url(menuover.jpg);}
    .gmenulist a{color: black;display: block; 170px;height: 20px;
    padding-left: 5px;padding-top: 1px;margin-bottom: 5px;background-image: url(tabsquare.jpg);
    background-repeat: no-repeat;background-position: left top;text-decoration: none;
    font-weight: bold;}
    .gmenulist a:hover{background-image: url(tabsquareover.jpg);}

    HTML代码

     <div class="menulist">
    <a href="http://www.865171.cn">Home</a>
    <a href="http://www.865171.cn">Submit</a>
    <a href="http://www.865171.cn">Resources</a>
    <a href="http://www.865171.cn">Contact</a>
    </div>
    <div class="gmenulist">
    <a href="http://www.865171.cn">Home</a>
    <a href="http://www.865171.cn">Submit</a>
    <a href="http://www.865171.cn">Resources</a>
    <a href="http://www.865171.cn">Contact</a>
    </div>
    www.865171.cn
  • 相关阅读:
    js小程序
    事务的概念
    为期一个月培训的总结
    软件测试培训总结篇2
    软件测试培训总结篇1
    软件测试培训第30天
    软件测试培训第29天
    软件测试培训第28天
    软件测试培训第26天
    软件测试培训第27天
  • 原文地址:https://www.cnblogs.com/luluping/p/1542095.html
Copyright © 2011-2022 走看看