以下代码为无序列表的语法结构:
<ul class="nav_menu">
<li>
</li>
<li>
</li>
</ul>
可是如果在网页上运行它,会发现它是竖着排列的,并且前面有它自带的属性(一个小圆点),要想把它变成横向排列的,并且删除他的自身属性,需要在css内设置两个属性,如下所示:
.nav_menu li{
float: left;
list-style-type: none;
}
设置li与li之间的间距:
.nav_menu li{
margin-left: 10%;
}