关于类似微信滑动门的css：

关于类似微信滑动门的css：
核心结构：
<a href="目标地址"><span> </span> </a>
1.a设置左侧背景，padding撑开左侧合适宽度。
2.span则设置右侧背景，padding撑开右侧合适宽度。
基本CSS样式：

a{
  display:inline-block;
  height:     ;
  line-height:    ;
  background:url()  no-repeat;
  margin:    ;
  padding-left:   ;
  color:    ;
}
span{
  display:inline-block;
  height:      ;
  background:url()  no-repeat;
  padding-left:   ;
}

作用：主要设置导航栏中有背景图片，而且盒子宽度不适合给宽度，
由内容大小决定盒子的大小。背景图片也不会受影响和情况。