<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>
哦，我明白你说的意思了，你用的应该是一张图片，你想用图片的一部分作为背景图片，实现一些动态效果吧，比如鼠标移动到上面变换背景图吧。如果是这样的话就用background-position属性控制背景图片的显示位置，background-position：后面有两个属性，第一个是水平位置，第二个是垂直方向的位置，这里需注意的是两个属性的顺序
比如说
background-position: left -15px（left指从图片的最左端读起，-15px就是将图片向上移动15px,然后显示)
再如：background-position: 15px 20px(指将图片向右移15px,向下移20px)
简单地说，就是以图片的左上角顶点为原点，往下和右都为正，反之为负，
页面排版 你应该选分析你的页面分多少个版块 每个版块都用<div>装起来 这样的话对你调整页面布局会非常方便 如果你要为指定版块添加边框线条 为该版块添加border就行了 如果只是对文本进行分隔 见意使用<hr/>
