背景透明度下拉菜单

下拉菜单

——————>

<style>
/* 下拉按钮样式 */
.dropbtn {background-color: #4CAF50;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;
}/* 容器 <div> - 需要定位下拉内容 */
.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);
}/* 下拉菜单的链接 */
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;
}/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {background-color: #f1f1f1}/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {display: block;
}/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown:hover .dropbtn {background-color: #3e8e41;
}
</style><div class="dropdown"><button class="dropbtn">下拉菜单</button><div class="dropdown-content"><a href="#">菜鸟教程 1</a><a href="#">菜鸟教程 2</a><a href="#">菜鸟教程 3</a></div>
</div>

转载于:https://www.cnblogs.com/expedition/p/10901874.html

背景透明度下拉菜单相关推荐

用CSS解决！下拉菜单
这篇文章是有关CSS功能的系列文章中的第二篇. 文章系列: 为SVG背景着色下拉菜单(本文) 基于给定元素数的逻辑样式 CSS正变得越来越强大,并且具有CSS网格和自定义属性(也称为CSS变量)之类 ...
Qt QComboBox下拉菜单背景透明
下拉菜单四个角是圆角,但是背景不透明,给QComboBox包括他的QAbstractItemView设置了qss,不起作用,如下图所示. 而且这个QAbstractItemView的背景颜色是和上面的 ...
html给下拉菜单设置背景色,如何更改下拉菜单活动背景的颜色（即。tk.列表框)在一个ttk.组合框...
下面的代码创建一个ttk.组合框小工具:import tkinter.ttk as ttk default_values = ['Peter','Scotty','Walter','Scott','M ...
清除浏览器默认表单边框/背景特效和下拉菜单背景
大家应该都留意到类似谷歌和火狐浏览器中都会有自己默认的样式设置,比如谷歌浏览器所有的表单都会添加黄色边框特效.当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得多余了!这里我们介 ...
html下拉菜单换背景颜色,如何在select框下拉菜单中更改蓝色突出显示的颜色
如何在select框下拉菜单中更改蓝色突出显示的颜色如何更改此下拉菜单中的蓝色突出显示? 链接到select框演示这是代码: Select an OptionOption 1Option 2 如果 ...
谷歌浏览器无法选select_去除谷歌浏览器表单边框特效和select下拉菜单背景
01 02 textarea {resize:none;} 然后就是这个谷歌会自动加背景的问题: 这是谷歌浏览器内核特有.用:-webkit-appearance:none 解决. 附:sele ...
本节作业之显示不同问候语、显示密码、关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误、京东关闭广告、新浪下拉菜单、开关灯、换肤、表格隔行变色、表单取消全选、tab栏切换、发布删除留言
本节作业之显示不同问候语.显示密码.关闭二维码.循环精灵图背景.显示隐藏文本框内容.密码框格式提示错误.京东关闭广告.新浪下拉菜单.开关灯.换肤.表格隔行变色.表单取消全选.tab栏切换.发布删除留言 ...
更改tkinter的OptionMenu背景颜色和下拉菜单宽度
w = OptionMenu(master, variable, "one", "two", "three") w.config(bg = ...
安卓美化——添加下拉菜单图片或下拉菜单透明
想必下拉菜单有一个背景图片会让人觉得特酷的感觉~ 具体的过程不难: 1.反编译SystemUI.apk(如何反编译请戳:http://blog.csdn.net/u012336923/article/ ...

背景透明度下拉菜单

背景透明度下拉菜单相关推荐

最新文章

热门文章

背景透明度 下拉菜单

背景透明度 下拉菜单相关推荐

最新文章

热门文章

背景透明度下拉菜单

背景透明度下拉菜单相关推荐