700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 如何使用CSS控制二级导航菜单宽度?【HTML】

如何使用CSS控制二级导航菜单宽度?【HTML】

时间:2019-03-23 13:14:35

相关推荐

如何使用CSS控制二级导航菜单宽度?【HTML】

web前端|html教程

css,二级,宽度,控制,菜单

web前端-html教程

c 微商系统源码下载,ubuntu清除dpkg错误,tomcat口号怎么改,爬虫程序处理,风云毕设代码PHP,大牛学seo视频黑帽seolzw

New Document.menu{border=none;font-family:verdana,geneva,arial;font-size:14px;color:#8e8e83;}.menu ul{background:url(img/menu-bg.jpg) top left repeat-x; /*横向平铺*/height:43px;list-style:none;}.menu li{float:left;}.menu li a{color:#666666;display:block;font-weight:bold;line-height:43px;padding:0 25px;text-align:center;text-decoration:none;}.menu li a:hover{color:#000000;}/*定义二级菜单样式规则*/.menu li ul{background:#e0e0e0; /*设置二级菜单背景色*/border-left:2px solid #007962; /*设置菜单左边框样式和颜色.*/display:none; /*不再设置为块状显示效果*/height:auto;position:absolute;width:130px;z-index:200;margin:0px;}.menu li:hover ul{display:block;/*鼠标移动到上面的时候为块状显示。*/}.menu li li{display:block;width:130px;}.menu li ul a{display:block;font-size:12px;text-align:left;}.menu li ul a:hover{background:#949494;color:#000000;opacity:1.0;filter:alpha(opacity=100);}

首页新闻国际新闻国内新闻体育新闻财经股票市场证券行情基金保险联系我们

中介交易平台源码,ubuntu安装后左,tomcat打印信息乱码,潮湿墙爬虫,php 设定概率抽奖,越秀区市场seo优化电话多少lzw

回复讨论(解决方案)

手机钓鱼源码,vscode怎么打开工作区间,ubuntu 取消注释,tomcat编译jsp错误,教同事爬虫,本地测试php代码,深圳小红书推广乐云seolzw

.menu li ul a{

display:block;

font-size:12px;

text-align:left;

}

给这句话重设padding;

padding:0 0px;

哦,看错了,修改下面的width值。

.menu li li{

display:block;

width:130px;

}

还有这个的width值

.menu li ul{

background:#e0e0e0; /*设置二级菜单背景色*/

border-left:2px solid #007962; /*设置菜单左边框样式和颜色.*/

display:none; /*不再设置为块状显示效果*/

height:auto;

position:absolute;

width:130px;

z-index:200;

margin:0px;

}

我觉得可以这样来处理

CSS样式

.menu .ul 定义最外层UL的样式。

.menu .ul li

.menu .ul ul定义里面UL的样式,这样用的的确比较少,楼主可以试一下。

或者再定义一样样式直接附给里面的UL

.kuan {width:100px;}

首页

新闻

直接给它加个样式不就行了

国际新闻

国内新闻

体育新闻

财经

股票市场

证券行情

基金保险

联系我们

先定位问题,看是那个样式改变的这个宽度值,,如果不知道,,使用火狐,chrome或者IE高版本浏览器,对于你要查看的导航栏右键查看元素,,浏览器就会出现新的显示框,对于指定的标签元素,采用的哪些有效样式都可以查看到,找到对应的宽度控制样式,改变即可

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。