代码:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>088</title>
</head>
<body>
<style>
ul li{
width: 237px;
height: 148px;
background-image: url(https://tse4-mm.cn.bing.net/th/id/OIP-C.dqKJ6xt0seQgbaCtrnmb6AHaEo?pid=ImgDet&rs=1);
float: left;
list-style: none;
background-repeat: no-repeat;
}
.cs1{
background-position: 0 0;
}
.cs2{
background-position:-237px 0;
}
.cs3{
background-position:0 -148px;
}
.cs4{
background-position:-237px -148px;
}
</style>
<ul>
<li class="cs1"></li>
</ul>
<ul>
<li class="cs2"></li>
</ul>
<ul>
<li class="cs3"></li>
<ul>
</ul>
<li class="cs4"></li>
</ul>
</body>
</html>