div+css 如何取图片中的某区域显示?

html-css014

div+css 如何取图片中的某区域显示?,第1张

.div{background:url("00,gof")

-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 可以改变边框的宽度