第5章习题

吴白白白摆

于 2024-10-11 16:48:41 发布

阅读量147

点赞数 3

文章标签：前端

本文链接：https://blog.csdn.net/2301_81609959/article/details/142858007

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>走进内心的文学</title>
		<style>
			.father{
				background-image: url("img/top-bg.png");
			}
			.shenghuo,.shuqing{
				background-image: url("img/menu-bg.png");
				height: 100px;
				width: 470px;
			}
			.wenben{
				background-color: azure;
			}
			.mouwei{
				background-image: url("img/menu-bg.png");
				height: 40px;
			}
		</style>
	</head>
	<body>
	<div class="father">
		<br />
		<h1 align="center">走进内心的文学</h1>
		<br />
	</div>
	<div class="shenghuo" style="float: left;">
		<h2 align="center">生活随笔</h2>
		<p align="center"><a href="#" >感动心灵 </a>
		<a href="#" >人生哲理 </a>
		<a href="#" >励志文章 </a></p>
	</div>
	<div class="shuqing" style="float: right;">
		<h2 align="center">生活随笔</h2>
		<p align="center"><a href="#" >唯美句子 </a>
		<a href="#" >美文欣赏 </a>
		<a href="#" >爱情是聚 </a></p>
	</div>	
	<div class="wenben">
		<p>&emsp;&emsp;当你终于站在时光这头，回首过往的种种，会无遇憾地告别此生吗?一位白发态的老者，面对镜头说道:这辈子做自己的时光太少，一直在为别人活，从来没有为自日真正活一场。人这一生，确实有许多牵绊，让我们放不开手脚，仿佛作茧自缚，一生都在别人眼光做成的无形大网中挣扎，从没痛痛快快为自己而活。这样的人生，值得留吗?这样的人生，值得回首吗?<br />
		<br />
		&emsp;&emsp;人总会被别人的成功影响，别人混得好，心里总会咯噔一下，仿佛有一块石头堵着，很不舒服。为何不放宽心，多看看自己有的，不要总想着别人有的，如此就能释怀很多。<br />
		<br />
		&emsp;&emsp;人生十之八九都是在自寻烦恼，很多事本和自己八竿子打不着，亲戚的儿子混得又和你有什么关系呢?世界上混得好的人那么多，难道每一个人都要拿出来让自己难好受一次吗?多看看自己有的，才能知足常乐。
		</p>
	</div>
	<div class="mouwei">
		<hr color="black"/>
		<p align="center">版权所有@走进内心的文学</p>
	</div>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>人生哲理</title>
		<style>
			.father{
				width:680px;
				height:850px;
			}
			.left{
				background-image: url("img/bg.jpg");
				width: 600px;
				height: 600px;
				float: left;
			}
			.text1{
				width:100px;
				height:600px;
				float: left;
				font-size: 20px;
				font-family:"楷体";
				color: #0000ff;
				letter-spacing: 10px;
				margin:200px 200px 50px 130px;
				writing-mode: vertical-rl;/*设置垂直还是水平方向*/
			}
			.text2{
				width:100px;
				height:700px;
				float: left;
				font-size: 40px;
				letter-spacing: 10px;
				margin:100px 50px 0px -120px;
				writing-mode: vertical-lr;
			}
			.right{
				width:40px;
				height:120px;
				font-size: 30px;
				float: left;
				margin:150px 5px 0px 20px;
				writing-mode: vertical-lr;
				text-align:start;
				background-color: aqua;
				
			}
		</style>
	</head>
	<body>
		<div class="father">
			<div class="left">
				<div class="text1">定而后能静，静而后能安</div>
				<div class="text2">让生活简单一点</div>
			</div>
			<div class="right">进入网站</div>
			</div>
		</div>
	</body>
</html>