怎么修改css代码使下拉菜单中的线不长于本来的效果要好点的_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了怎么修改css代码使下拉菜单中的线不长于本来的效果要好点的_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1949字，纯文字阅读大概需要3分钟。

内容图文

下拉导航代码 使下拉导航里的横线去点或者 和效果一样大小

/* MENU */

#main-menu-1
{
float: left;
margin: 0 0 0 -30px;
padding: 0px;
font-weight: bold;
}

.usoft-menu-dropdown,.usoft-menu-dropdown ul
{
font-size: 14px;
list-style:none;
z-index:9999;
}

/*
LEVEL ONE
*/
.usoft-menu-dropdown
{
position: relative;

}
.usoft-menu-dropdown li
{
font-size:100%;
float: left;
zoom: 1;
background: transparent;
}
.usoft-menu-dropdown a:hover
{
color: #fff;
}
.usoft-menu-dropdown a:active
{
color: #fff;
}
.usoft-menu-dropdown li a
{
display: block;
padding: 10px 12px;
color: #fff;
z-index:9999;
}
.usoft-menu-dropdown li:last-child a
{
border-right: none;
}
/* Doesn't work in IE */
.usoft-menu-dropdown li.hover, .usoft-menu-dropdown li:hover
{
color: #dee;
position: relative;
}
.usoft-menu-dropdown li.hover a
{
color: #dee;
background: #4484C1;

}

.usoft-menu-dropdown li a:hover
{

background: #70A8DB;
color: #fff;
}

/*
LEVEL TWO
*/
.usoft-menu-dropdown ul
{
width: 115px;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
padding: 0;
margin: 0;
}
.usoft-menu-dropdown ul li
{
font-size:96%;
background: #4484C1;
color: #dee;
float: none;
_float:left;


}

/* IE 6 & 7 Needs Inline Block */
.usoft-menu-dropdown ul li a
{
width: 100%;
display: inline-block;
border-top:1px solid #ccc;

}

/*
LEVEL THREE
*/
.usoft-menu-dropdown ul ul
{ text-decoration:none;
left: 100%;
top: 0;
}
.usoft-menu-dropdown li:hover > ul
{
visibility: visible;
}

回复讨论(解决方案)

自己在下面再画一条

把父标签设置成 position:relative

内容总结

以上是互联网集市为您收集整理的怎么修改css代码使下拉菜单中的线不长于本来的效果要好点的_html/css_WEB-ITnose全部内容，希望文章能够帮你解决怎么修改css代码使下拉菜单中的线不长于本来的效果要好点的_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---