首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML+CSS制作二级菜单栏

今天我们来练习一下二级菜单栏,说实话比较简单,但是自己一个人写时候错误百出,逻辑混乱,于是乎网上找了几个案例,借鉴了一下思路,才整明白,鄙人确实不才,哈哈!...效果图附上: 首先:我已链接了外部样式重置,所以无需自己亲自写: reset.css网上有很多,我用是下面这个,免费分享给大家,永久有效哦!...-- 外部样式表二级菜单 --> 注意:以下我写所有样式,必须要用reset.css外部样式表!! 1....一级菜单栏写完啦,接下来写二级菜单栏,把二级菜单栏添加到一级下面: 附上完整HTML代码: <!...我们完成差不多了,现在只需要把二级菜单栏隐藏,然后让它点击对应一级菜单栏时候再出现就行了。

3.2K10
您找到你想要的搜索结果了吗?
是的
没有找到

使用这些不太常用 CSS 属性,让我在前端布局效率上,又提高了一个层次!

所以我问自己,为什么不搞篇文章列出所有那些较少使用但既有用又有趣 CSS 属性? 在本文中,我将介绍一些不一样CSS属性,希望能给你带来点新鲜感,废话不多说,让我们开始吧。...列表 marker 属性 ? 这前,我还不知道每个li项旁边默认小圆圈称为marker。...object-fit属性是相当神奇且有用。 当我第一次了解它时,它改变了很多事情,使我作为前端开发人员生活更加轻松。 最近,我正在研究显示徽标网格部分。...通过使用object-fit:contain,我可以控制徽标的width和height,并强制将图像包含在定义宽度和高度中。??...更好是,我们可以将以上内容包装在@supports中,以避免在不支持对象适配浏览器中拉伸徽标图像。

2.1K20

使用这些 CSS 属性,布局效率又提高了一个层次!

在本文中,我将介绍一些不一样CSS属性,希望能给你带来点新鲜感,废话不多说,让我们开始吧。 在CSS网格中使用Place-Items 我们只需使用两行 CSS 代码就可以将元素水平和垂直居中。...列表 marker 属性 ? 这前,我还不知道每个li项旁边默认小圆圈称为marker。...object-fit 属性 object-fit属性是相当神奇且有用。 当我第一次了解它时,它改变了很多事情,使我作为前端开发人员生活更加轻松。 最近,我正在研究显示徽标网格部分。...通过使用object-fit:contain,我可以控制徽标的width和height,并强制将图像包含在定义宽度和高度中。??...更好是,我们可以将以上内容包装在@supports中,以避免在不支持对象适配浏览器中拉伸徽标图像。

2K20

Excel中如何在大于零数字旁边显示为“正常”?

Excel技巧:Excel中如何在大于零数字旁边显示为“正常”? 问题:如何在大于零数字旁边显示为“正常”? 解答:利用If函数轻松搞定。...具体操作如下:新建一个Excel工作簿,您可以自己输入一些大于0或小于0数字。等下我们要在旁边显示,凡是大于0数字,显示为“正常”二字。 ?...输入函数完毕后,单击回车键,然后双击D4单元格数据柄(下图1处),自动向下填充函数公式即可。 ? 双击完毕后,效果如下: ? 大于零数值显示为正常,小于零数值显示为空格。...总结:注意函数参数,只要超过两个字符,就需要用半角输入法引号引用起来,否者函数公式会报错。本例中小于零数值显示为空格,是一种让单元格不显示内容一种常规方法(其实单元格有内容是空格)。

3.2K10

OpenCV-Python实战(2) —— 使用OpenCV绘图功能创建OpenCV徽标

需求分析 使用OpenCV中可用绘图功能创建OpenCV徽标; 目标图像及目标图像宽高; 测量绘制目标的外径和内径; 测量绘制目标的颜色; 计算绘制目标的圆心; 绘制目标的文字; 将原图和绘制图像放到一起对比...代码实现 目标图像及目标图像宽高; 复制一个opencv-logo矩阵; 使用Photoshop测量外径和内径; 使用Photoshop测量各个圆颜色; 计算各个绘制圆圆心; 分别绘制三个圆,使用同心圆去掉中间部分...,使用椭圆实现圆弧缺口; 绘制 OpenCV 文字; 将原图和自绘图放入一张图片进行对比。...测量外径和内径 max_d = 86 max_r = int(max_d / 2) min_d = 34 min_r = int(min_d / 2) # 使用Photoshop测量各个圆颜色...总结 由于图像尺寸不大,所以采用 lineType 是 cv.LINE_AA,图标看着比较平滑; 由于原图标的字体没找到,因此在 cv 提供字体中找了一个比较接近字体; 椭圆 angle 参数是可以控制圆弧旋转

58210

python 制作菜单栏详细教程

tkinter import * import tkinter .messagebox #创建主窗口 win = Tk() win.config(bg='#87CEEB') win.title("matinal分析系统...文件################################################################################## #在顶级菜单上新增"文件"菜单子菜单...,同时不添加分割线 filemenu = Menu (mainmenu, tearoff=True) #新增"文件"菜单菜单项,并使用 accelerator 设置菜单项快捷键 filemenu.add_command...,并使用 accelerator 设置菜单项快捷键 filemenu2.add_command (label="新建2",command=menuCommand,accelerator="Ctrl+N...############################################# # 将主菜单设置在窗口上 win.config (menu=mainmenu) # 绑定键盘事件,按下键盘上相应键时都会触发执行函数

23320

Win 11 使用体验

教程 - Win 11 安装 wsa 安卓虚拟机 - 简书 https://www.jianshu.com/p/5e07a0e97a27 并排贴靠窗口 按 Windows 徽标键 + 向右或向左箭头即可自动将窗口完美贴靠到屏幕两侧...其他说明:Windows 徽标键 + 上 :最大化;Windows 徽标键 + 下 :还原 快速整理已打开应用 将鼠标悬停在窗口最大化按钮上或按 Windows 徽标键 + Z,然后选择一种布局窗口以优化屏幕空间和工作效率...将小组件添加至版块 选择您虚拟形象以打开小组件设置。在添加小组件下,选择一个小组件旁边加号(+),即可将其添加到您版块中。 Windows 什么是小组件?...因此,请告别在应用和设备与网站之间不断切换- 现在,你可以保持与关注内容保持联系,而不会失去对最重要任务焦点。 若要使用小组件板,需要登录到 Microsoft 帐户、工作帐户或学校帐户。...显示或隐藏小组件板 选择在任务栏左上角显示实时天气"小组件"图标。 或者按 Windows 徽标键 + W。或者将鼠标悬停在小组件图标上。

38340

Android底部菜单栏实现实例代码

Android 使用RadioGroup 实现底部导航菜单栏。 一、主界面布局实现: 先来张效果图: ?...介绍一下总体界面包括内容:底部五个导航按钮,主界面包括一个FrameLayout用来放五个Fragment。点击底部按钮会对应跳转到指定界面。...#CF75E9" android:state_checked="true" </item <item android:color="#989898" </item </selector 编写底部菜单栏背景...android="http://schemas.android.com/apk/res/android" <solid android:color="#FFFFFF" / </shape 按照上述方式就完成了底部菜单栏布局方式...,希望本文内容对大家学习或者工作具有一定参考学习价值,如果有疑问大家可以留言交流,谢谢大家对ZaLou.Cn支持。

96120

菜单栏页面内顶部图片展示

菜单栏页面内顶部图片展示 在source中有中每个页面的配置文件夹,如tags、categories、music等: 打开一个文件夹,比如tags,都会有index.md配置文件: 里面的top_img...对应就是页面的顶部图片: 有些页面是有子页面的,比如tags、category等就有子页面 以tags为例,tags有各种标签,打开一个进去就会进入到相关文章 在主题配置文件_config.yml...中设置中可以更改子页面的标签: 115行是tags默认每个子页面的顶部图片,也可以分别调控每个tag顶部图片: 例如头像、主页面顶部图片、时间轴(archive)顶部图片等配置也在主题配置文件..._config.yml中,只要在里面能找到相关配置,就可以进行修改 像是music、about等没有子页面的标签,直接就在对应文件夹下inedx.md文件里进行顶部图片配置即可 不用在主题配置文件..._config.yml里进行调配(这里面也没有对应选项)

9910

最全windows操作系统快捷键

F2           当你选中一个文件的话,这意味着“重命名” F3           当你在桌面上时候是打开“查找:所有文件” 对话框 F10或ALT        激活当前程序菜单栏 windows...(加shift反向) F5           刷新 CTRL+F5         强行刷新 目的快捷键 激活程序中的菜单栏 F10 执行菜单上相应命令 ALT+菜单上带下划线字母 关闭多文档界面程序中的当...三、使用 WINDOWS键 可以使用 Microsoft自然键盘或含有 Windows徽标其他任何兼容键盘以下快捷键。...七、Microsoft放大程序快捷键 这里运用Windows徽标键和其他键组合。...快捷键目的 Windows徽标+PRINT SCREEN将屏幕复制到剪贴板(包括鼠标光标) Windows徽标+SCROLL LOCK将屏幕复制到剪贴板(不包括鼠标光标) Windows徽标+ PAGE

2K20
领券