站在css2.1的角度實現的demo，在不使用css3多背景的情況下，帶有圓角的導航菜單，並且無論菜單文字的多少都能自適應
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
/* 滑動門的核心，小圖壓大圖，大圖在伸展 */
ul.nav {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
}
ul.nav li {
background: url('img/tab-right.gif') no-repeat top right;
float: left;
}
ul.nav a {
background: url('img/tab-left.gif') no-repeat top left;
display: block;
line-height: 1.5em;
padding: 0 0.8em;
text-decoration: none;
color: white;
}
</style></head><body>
<ul class="nav">
<li><a href="#">滑動菜單1</a></li>
<li><a href="#">滑動菜單2</a></li>
<li><a href="#">滑動菜單3</a></li>
<li><a href="#">滑動菜單圓角4</a></li>
<li><a href="#">滑動菜單5</a></li>
</ul></body></html>