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

关于类似微信滑动门的css:
核心结构:

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:   ;
}

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

你可能感兴趣的:(关于类似微信滑动门的css:)