无序列表写导航栏

无序列表写导航栏

 代码如下

<ul class="nav">
				<li class="list-item">网站首页</li>
				<li class="list-item">关于我</li>
				<li class="list-item">我的日记</li>
				<li class="list-item">技术文章</li>
				<li class="list-item">给我留言</li>
</ul>

​

css代码如下 

.nav{
	list-style: none;
}

.list-item{
	margin: 0 10px;
	float: left;
	
}

​

效果如下：网站首页   关于我  我的日记  技术文章 给我留言

送给和我一样的小白 希望能帮到你们(*╹▽╹*)