当前位置: 代码迷 >> HTML/CSS >> 不知道这个网页语言有关问题在哪里。想学习上。求请问
  详细解决方案

不知道这个网页语言有关问题在哪里。想学习上。求请问

热度:104   发布时间:2012-12-29 10:28:09.0
不知道这个网页语言问题在哪里。想学习下。。求请教!
<ul>
    <li style="background-image: url(http://fanyi.baidu.com/asset/fanyi-logo.png); padding-bottom: 3px; line-height: 16px; background-color: transparent; list-style-type: none; margin: 0px; padding-left: 10px; padding-right: 10px; background-position: 0% 7px; padding-top: 3px; background-origin: initial; background-clip: initial">&nbsp;</li>
</ul>


我只想显示一个就够了,结果显示满了

怎么搞?



------解决方案--------------------
引用:
<ul>
    <li style="background-image: url(http://fanyi.baidu.com/asset/fanyi-logo.png); padding-bottom: 3px; line-height: 16px; background-color: transparent; list-style-type: none; marg……

加上 background-repeat:no-repeat    ;

 <li style="background-image: url(http://fanyi.baidu.com/asset/fanyi-logo.png); padding-bottom: 3px; line-height: 16px; background-color: transparent; list-style-type: none; margin: 0px; padding-left: 10px; padding-right: 10px; background-position: 0% 7px; padding-top: 3px; background-origin: initial; background-clip: initial;
background-repeat:no-repeat    ;
">&nbsp;</li>
</ul>?

------解决方案--------------------
少了一句:background-repeat:no-repeat;
====================
其实你可以合并为一个background属性:
background:transparent url('http://fanyi.baidu.com/asset/fanyi-logo.png') no-repeat;

具体参考一下这里http://www.dreamdu.com/css/property_background/
  相关解决方案