送你一首诗歌

送你一首诗歌
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>诗歌</title>
		<style>
		    *{
		    	text-align: center;
		    	letter-spacing:3px; 
		    	background-color: #80FFFF;
		    }
		    .div1{
		    	width: 300px;
		    	height: 50px;
		    	margin: 20px auto;
		    }
			pre{
				line-height: 30px;
			}
			.pre1,.title{
				color: red;
			}
			.title{
				font-size: 30px;
				color: red;
			}
			.title_cont{
				text-decoration :underline;
				color: gray;
			}
			.img ,.img1 ,.img2 ,.img3 {
				height: 50px;
				width: 70px;
				background-repeat: no-repeat;
				display: inline-block;
				background-image: url(../aaa.png);
				float: left;
			}
			
			.img1 {
				background-position-x: -60px;
			}
			
			.img2 {
				background-position-x: -120px;
			}
			
			.img3 {
				background-position-x: -180px;
				
			}
			.bottom1{
				margin-top: -200px;
				width: 100%;
				height: 230px;
				background: url(../33.jpg) ;
				filter:alpha(opacity=60);
				-moz-opacity:0.6;
				opacity:0.60; 
				float: left;
				overflow: hidden;
			}
		</style>
	</head>
	<body>
		<div>
			<div class="div1">
				<div class="img"></div>
				<div class="img1"></div>
				<div class="img2"></div>
				<div class="img3"></div>
			</div>
			<div class="title"><strong>秋天的浪漫</strong></div>
			<div class="title_cont"><i>文/茉莉熏香</i></div>
			<pre class="pre1">

我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天

我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天
我们相识在那一个秋天
			</pre>
			<pre>
我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天

我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天
我们相识在那一个秋天
			</pre>
			<pre>
我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天

我们相识在那一个秋天
我们相识在那一个秋天我们相识在那一个秋天
我们相识在那一个秋天
我们相识在那一个秋天
			</pre>
			<div class="bottom1"></div>
		</div>
	</body>
</html>
pre
猜你喜欢
