html
来源:互联网 发布:竞猜单关历史开奖数据 编辑:程序博客网 时间:2024/06/04 17:43
html - 下拉菜单 (display block /none)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ width: 205px; } .b{ width: 200px; height: 50px; background-color: limegreen; text-align: center; line-height: 50px; color: #ffffff; } .c{ width: 200px; height: 300px; background-color: gainsboro; display: none; /*visibility: hidden;*/ } ul{ list-style: none; margin-left: -40px; } ul li{ line-height: 50px; display: block; width: 200px; text-align: center; } .a:hover{ cursor: pointer; } .a:hover .c{ display: block; } .a:hover .b{ background-color: green; } li:hover{ background-color: gray; color: #FFFFFF; } </style> </head> <body> <div class="a"> <div class="b"> 关于我们 </div> <div class="c"> <ul> <li>公司简介</li> <li>董事长致辞</li> <li>企业文化</li> <li>团队风采</li> </ul> </div> </div> </body></html>
阅读全文
0 0
- html
- html
- html
- HTML
- HTML
- html
- html
- html
- html
- HTML
- HTML
- Html
- html
- HTML
- html
- HTML
- HTML
- HTML
- AutoScrollBackLayout:给你的列表自动添加返回顶部按钮
- 一起来看看知乎开源的图片选择库
- 透明状态栏和导航栏的终极解决方案
- Android NDK开发扫盲及最新CMake的编译使用
- ffmpeg源码简析之结构总览
- html
- 企业微信自动打卡插件开发
- Django model字段类型清单
- Android Tangram模型:连淘宝、天猫都在用的UI框架模型你一定要懂
- Android targetSdkVersion提到25你需要知道的一切
- Android双卡识别IMSI以及副卡发送短信总结
- 厉害了!教你如何在手机连上WiFi时仍然使用移动网络
- 基于Walle的多渠道快速打包自动脚本
- 自己实现一款安卓日历