<nav>
<div class="nav_container">
<ul class="level">
<li><a href="https://www.360kan.com/">首頁</a></li>
<li>
<a href="https://www.360kan.com/dianshi/index.html">電視劇</a>
<ul class="two">
<li>搞笑大片</li>
<li>火爆動作</li>
<li>甜蜜熱戀</li>
<li>恐怖鬼片</li>
<li>燒腦懸疑</li>
</ul>
</li>
</ul>
</div>
</nav>
nav {
border-bottom: 1px solid #C3C3C3;
background-color: #F3F3F3;
}
.nav_container {
width: 1180px;
height: 50px;
border-bottom: 1px solid #C3C3C3;
}
.level>li{
display: inline-block;
padding-top:15px;
margin-right:25px;
}
.level>li>a{
text-decoration:none;
color: black;
font-size: 14px;
}
.level li a:hover{
color:#1DB69A;
}
.two{
display: none;
}
.two>li{
display: block;
color: black;
}
.level>li:hover .two{
display: block;
position:relative;
z-index:1;
}
.two li:hover{
color: #1DB69A;
}
.level2{
display: inline-block;
background-color: #F4F4F4;
}
ul,li{
list-style: none;
}
哪里出錯了
uj5u.com熱心網友回復：
.level>li{display: inline-block; 改成float: left;
uj5u.com熱心網友回復：
感謝感謝??????????
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/138840.html
標籤：HTML(CSS)
上一篇：hexo next 主題中添加類似markdown的數學公式有一些亂碼
下一篇：vue去瀏覽器自帶外邊距。