CSS 实现滑动门的实例代码
导读：1、首先每一块文本内容是由a标签与span标签组成 2、a标签只指定高度，而不指定宽度。 3、a标签设置好背景图后，指定一个padding-left值，大小与左侧半圆大小相同，（这样保证左边背景不变，中间的背景进行拉伸...
1、首先每一块文本内容是由a标签与span标签组成
2、a标签只指定高度，而不指定宽度。
3、a标签设置好背景图后，指定一个padding-left值，大小与左侧半圆大小相同，（这样保证左边背景不变，中间的背景进行拉伸即可）。
4、span标签同样指定该背景图片，不指定宽度，并且指定padding-right值将图片右半部分显示出来（这是要是定图片位置为右）
具体代码如下：
a{
color:white;
line-height:33px;
margin:100px;
display:inline-block;
text-decoration:none;
/*a不能给宽度*/
/**/
height:33px;
background:url(Images/vx.png)no-repeat;
padding-left:15px;
}
aspan{
display:inline-block;
height:33px;
background:url(Images/vx.png)no-repeatright;
padding-right:15px;
}
span的背景要指定为right
一
一句
一句话
一句长长的话
一句超级超级超级超级超级超级长的话
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： CSS 实现滑动门的实例代码
本文地址： https://pptw.com/jishu/664448.html