css3的背景图片属性有没有把图中这块蓝框区域(275*230)完整放在60*50区域？怎么写呢

Question

css3的背景图片属性有没有把图中这块蓝框区域(275230)完整放在6050区域？怎么写呢

是作为背景图片放在一个60*50的按钮上

Answer 1

讲真还不如切张图直接100% 完事，简单粗暴,不过现在还是可以写的
首先图片原画(这里我直接另存你的图)576371,蓝框275230(你说的)
那么要换为60*50的话;275/60=4.5833
按这个比例576/4.5833=125.67，那么可以得出background-size:125.67/60=209%;时能使蓝色区域放在60*50的容器上
所以样式:{background-size:209%;background-position:-49px -10px;}
以上都是大概算的,你可以自己调整一下

Answer 2

没有懂你的意思，不知道是不是这样

<style>
    .box{
        width:60px;
        height:50px;
    }
    .box img{
        width:100%;
    }
</style>
<div class="box">
    <img src="psb.jpg" alt="">
</div>