送你一首诗歌

傷城~ 2022-03-26 13:22 182阅读 0赞

送你一首诗歌

<!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][]

[pre]: /images/20220326/a486370d8ee34127bc79d3682614fc31.png