在CSS里设置导航的分割线，首先，一般做导航条，都是通过ul、li来做，将ul包裹在一个div中，然后设置好width和height，分隔线，换个理解，给li一个右边的边框就可以了，通过代码来理解：
<html><head>
<style>
#div1{
width:960px
height:30px
}
#div1 ul li{
float:left
width:60px
height:30px
border-right:1px solid
}
</style>
</head>
<body>
<div id='div1'>
<ul>
<li>muli1</li>
<li>muli1</li>
<li>muli1</li>
<li>muli1</li>
</ul>
</div>
</body>
</html>
设定CSS控制元素内部的元素之间间距，首先需要理解的就是css中的margin和padding的意思和使用，具体用法，如图：
元素内部的间距，需要的就是有多个div的嵌套，或者说是有多个上下类的元素，通过给这些元素一个id或者是class，然后在用css来控制，具体看下代码：
<html>
<head>
<style>
#round{
width:400px
height:200px
}
#div2{
width:300px
height:50px
margin-top:10px //距离上边的距离是10px
margin-left:20px //距离左边的距离是20px
}
</style>
</head>
<body>
<div id="round">
<div id='div2'>
<p>测试文字</p>
</div>
</div>
</body>
</html>
