研究了一下csdn的 blog后台程序的导航菜单的实现，其特点是每个导航菜单项的宽度不一样，所以，被用作导航条背景的图片不能是一个单一固定长度的图片，所以，csdn采用了一种称之为滑动门的技术，每个菜单项的左边先左对其显示一个半图片，然后右边再右对齐显示另外一个半图片，右边的半个图片显示的多少随菜单项的宽度自动调整，左右两个图分别如下：
左边的图片作为<a>标签的背景图，右边的图片作为<a>标签中内嵌的<span>标签的背景图，下面是整理出来的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
左边的图片作为<a>标签的背景图，右边的图片作为<a>标签中内嵌的<span>标签的背景图，下面是整理出来的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
