效果图:
![](https://i-blog.csdnimg.cn/blog_migrate/d6a0d8161a91b6f055c50b42a4c72c33.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e5bb00208eefd347f1ba5ee662074c62.png)
代码展示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>仿淘宝</title>
<style>
.goods {
width: 220px;
height: 360px;
border: 1px solid #EDEDED;
}
.goods:hover {
border-color: #f40;
}
.img_1 {
width: 220px;
height: 220px;
background-size: 220px 220px;
background-image: url("img/鸡哥卫衣图片.png");