下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、css基本下拉菜单实例与解析基本下拉菜单 当鼠标移动到指定元素上时,会浮现下拉菜单。 实例 .dropdown position: relative; display: inline-block; .dropdown-content display: none; position: absolute; background-color: f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; .dropdown:hover .dropdown-content disp
2、lay: block; mycode3 mycode3 type="html" 鼠标移动到我这! 菜鸟教程 实例解析 html部分: 我们可以用法任何的html元素来打开下拉菜单,如:,或a元素。 用法容器元素(如:)来创建下拉菜单的内容,并放在任何你想放的位置上。 用法元素来小包这些元素,并用法css来设置下拉内容的样式。 css部分: .dropdown类用法position:relative,这将设置下拉菜单的内容放置在下拉按钮(用法position:absolute)的右下角位置。 .dropdown-content类中是实际的下拉菜单。默认是躲藏的,在鼠标移动到指定元素后会显示。注重min-width的值设置为160px。你可以任意修改它。注重:假如你想设置下拉内容与下拉按钮的宽度全都,可设置width为100%(overflow:auto设置可以在小尺寸屏幕上滚动)。 我们用法box-shadow属性让下拉菜单看起来像一个"卡片"。 :hove
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 房屋建设劳务分包合同范本2024年
- 2024年鱼塘承包简单合同范本
- 2024年汽车维修服务承包合同
- 2024年二婚离婚协议书范文
- 商业保密合同范本2024年
- 拉森钢板桩围堰施工协议书2024年
- 全新人员进修协议2024年
- 全新国际贸易居间协议2024年
- 2024年浇筑水泥土班组劳务分包合同
- 买卖合同的内容及注意事项2024年
- HAZOP方法常用术语引导词及参数要点
- 中国医院质量安全管理 第2-29部分:患者服务临床营养 T∕CHAS 10-2-29-2020
- 屋顶钢结构工程施工组织设计方案(123页)
- 中职《机械基础》全套课件(完整版)
- 商务谈判案例4
- 人民调解培训
- 北师大版小学数学六年级上册第二单元分析
- 第二章 污染物对生物的影响
- 幼儿心理学教案
- 【新教材】苏教版2017版新版六年级上册科学全册教案
- 饲草项目可行性研究报告【模板】
评论
0/150
提交评论