首页 >
css怎么从图片中抠图 |css 画五角星
在大家平时的网页设计中，经常需要以一种美观的方式来展示图片。实现这个的方式有许多种，其中一种就是从图片中抠出某一部分来作为展示。
CSS中，可以通过background-image属性来设置一个背景图片。但是如果大家只需要图片的一部分来作为背景或者展示，该怎么做呢？这就需要用到CSS中的背景定位了。
首先，大家需要先将图片作为背景：
“`html“`
“`css
.example{
background-image: url(‘example.jpg’);
}
“`
然后，大家需要将背景定位到需要的部分上。这可以通过background-position属性来实现。
例如，如果大家需要抠出图片的左上角100×100大小的部分来作为展示，可以这样写CSS：
“`css
.example{
background-image: url(‘example.jpg’);
background-position: left top;
width: 100px;
height: 100px;
}
“`
上述代码中，background-position属性将背景定位到了左上角，而width和height属性定义了展示的大小。
需要注意的是，如果大家需要抠出的部分在图片的中央，可以将background-position设置为center center。如果需要抠出右下角的部分，可以将其设置为right bottom。
总之，通过CSS中的背景定位，可以轻松实现从图片中抠出需要展示的部分。