我正在尝试创建一个带有圆角的菜单栏,但是当我将其添加float:left
到li
元素时,圆角消失了......
这是我的代码:
<ul>
<li>jkfasdf</li>
<li>jkfasdf</li>
<li>jkfasdf</li>
</ul>
ul{
background: red;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
}
li {
padding: 5px;
#float: left; #toggle this
}