微信滑动门---有点意思哦
可以看到微信官网的导航，每一个标题的
没错就是这么长的一张图片，很巧妙的！
他的做法是：用一个a标签包括一个span标签，将a标签的背景图片设置为左对齐，对a中的span标签的背景图片设置为右对齐
我写了一遍，直接上代码！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
span, a {
display: inline-block;
color: white;
height: 33px;
line-height: 33px;
padding-left: 16px;
background: url("images/bgc.png") no-repeat;
}
span {
background: url("images/bgc.png") no-repeat right;
padding-right :16px;
padding-left: 0px;
}
body {
background-color: #000;
}
</style>
</head>
<body>
<a><span>ZTEEN MOZART</span></a>
<a><span>言必信</span></a>
</body>
</html>
最终实现效果，文字不同仍然可以首尾---呼应
