<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Html基础</title>
<style>
div{
width: 556px;
height: 132px;
background-image: url(img/star.jpg);
color: white;
line-height: 132px;
font-size: 40px;
letter-spacing: 95px;
text-indent: 60px;
/* 不换行 */
white-space: nowrap;
}
td{
background-image: url(img/56.jpg);
}
#B{
background-position: -146px 0px ;
}
#C{
background-position: 0px -180.5px;
}
#D{
background-position: -146px -180.5px;
}
</style>
</head>
<body>
<div>月亮之内</div>
<br />
<table border="1" cellspacing="0" width="292px" height="361px">
<tr>
<td id="A">A</td>
<td id="B">B</td>
</tr>
<tr>
<td id="C">C</td>
<td id="D">D</td>
</tr>
</table>
</body>
</html>