Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何添加下拉菜单?_Html_Css - Fatal编程技术网

Html 如何添加下拉菜单?

Html 如何添加下拉菜单?,html,css,Html,Css,我有水平菜单栏,我试图添加一个项目的子菜单,但我不能添加它,它附加到我的主菜单,请有人帮我到我错过的地方 谢谢 HTML 我真的建议看看bootstrap的下拉菜单。它很容易使用,而且大多数事情都已经为您完成了。祝你好运 下面是链接:您的代码有点混乱,我为您创建了一个简单的演示 这是我的HTML代码 身体{ 背景:2121; 字体大小:22px; 线高:32px; 颜色:ffffff; 单词包装:打破单词!重要; 字体系列:“开放式Sans”,无衬线; } h1{ 字体大小:60px; 文本

我有水平菜单栏,我试图添加一个项目的子菜单,但我不能添加它,它附加到我的主菜单,请有人帮我到我错过的地方 谢谢 HTML


我真的建议看看bootstrap的下拉菜单。它很容易使用,而且大多数事情都已经为您完成了。祝你好运
下面是链接:

您的代码有点混乱,我为您创建了一个简单的演示

这是我的HTML代码

身体{ 背景:2121; 字体大小:22px; 线高:32px; 颜色:ffffff; 单词包装:打破单词!重要; 字体系列:“开放式Sans”,无衬线; } h1{ 字体大小:60px; 文本对齐:居中; 颜色:FFF; } h3{ 字体大小:30px; 文本对齐:居中; 颜色:FFF; } h3 a{ 颜色:FFF; } a{ 颜色:FFF; } h1{ 边缘顶部:100px; 文本对齐:居中; 字体大小:60px; 字体系列:“Bree衬线”、“衬线”; } 容器{ 保证金:0自动; } p{ 文本对齐:居中; } 导航{ 利润率:50px0; 背景色:E64A19; } 导航ul{ 填充:0; 保证金:0; 列表样式:无; 位置:相对位置; } 李国荣{ 显示:内联块; 背景色:E64A19; } 导航a{ 显示:块; 填充:0 10px; 颜色:FFF; 字体大小:20px; 线高:60px; 文字装饰:无; } 导航a:悬停{ 背景色:000000; } /*默认情况下隐藏下拉列表*/ 导航ul{ 显示:无; 位置:绝对位置; 顶部:60px;/*主导航的高度*/ } /*悬停时显示下拉列表*/ 导航ul li:悬停>ul{ 显示:继承; } /*第一层下拉列表*/ 李国宝{ 宽度:170px; 浮动:无; 显示:列表项; 位置:相对位置; }
这是我对同一个例子的回答,我更改了完整的css

身体{ 字体系列:“Lucida Grande”,“Helvetica Neue”,Helvetica,Arial,无衬线; } 保险商实验室{ 文本对齐:左对齐; 显示:内联; 保证金:0; 填充:15px 4px 17px 0; 列表样式:无; } ulli{ 显示:内联块; 右边距:-1px; 位置:相对位置; 填充:15px 20px; 背景:CD324F; 光标:指针; 颜色:黑色; 高度:40px; 宽度:自动; 文本对齐:居中; } ullia{ 颜色:黑色; } ulli:悬停{ 背景:CD324F; 颜色:fff; 高度:45px; } 悬停{ 颜色:fff; } ul li ul{ 填充:0; 位置:绝对位置; 顶部:68px; 左:0; 宽度:160px; -webkit盒阴影:无; -莫兹盒阴影:无; 盒影:无; 显示:无; 不透明度:0; 可见性:隐藏; } ulli ulli{ 背景:ce5068; 显示:块; 颜色:CD324F; 高度:35px; } ulli:悬停{ 背景:CD324F; 高度:35px; } ul-li:悬停ul{ 显示:块; 不透明度:1; 能见度:可见; } 家 关于 文件夹 网页设计 网络开发 插图 博客 联系
你想一个人做这一切吗?如果您正在寻找其他选项,您可以在bootsrtap中查看导航栏-这为您提供了一个完整的解决方案。感谢回复,实际上是我要添加的同一手册下拉列表。感谢回复,实际上是我要添加的同一手册下拉列表。