<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS精灵</title><style>div{display: flex;}.H{width: 105px;height: 112px;background-color: pink;background-image: url(../DAY8/day08/images/abcd.jpg);background-position: -218px -138px;}.Y{width: 110px;height: 113px;background-image: url(../DAY8/day08/images/abcd.jpg);background-position: -365px -552px;}.X{width: 110px;height: 113px;background-image: url(../DAY8/day08/images/abcd.jpg);background-position: -252px -560px;}</style>
</head>
<body><div><div class="H"></div><div class="Y"></div><div class="X"></div></div>
</body>
</html>
