-40px
-20px
no-repeat}
你是想把某一个小图拿来做图标对吧?假如第二行的第二个小图的最左上角的坐标为-40px
-20px的话,那么上面的写法,他的背景就是显示第二行的第二个小图了。
本身是无法实现这样的要求的,但可以利用before或after伪类来“伪造”一个,当然这需要浏览器支持css3:
<style>div {position:relative width:300px height:50px background-color:#bbb padding:4px}
div:before {content:"" position:absolute left:0 top:-2px width:50% height:2px background-color:red}
</style>
<div>请看这个div的“上边框”是只有一半的</div>
修改 width:50% 可以改变边框的长度,修改 height:2px 可以改变边框的宽度