欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS背景图片(Html基础)7

程序员文章站 2022-04-25 11:17:25
...
CSS背景图片(Html基础)7
56.jpg
<!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>
CSS背景图片(Html基础)7
star.jpg