网页效果展示
（图片边框没有截取好，望理解）
代码展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
<style>
body{
background-image: url(./图片综合/豌豆公主1.gif);
padding-top: 30px;
font-size: 14px;
color: #660033;
}
h1{
text-align: center;
}
h6{
text-align: center;
}
.as{
width: 80%;
margin: 0px auto;
background-image: url(./图片综合/豌豆公主2.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #E9FBFF;
border: 6px double red;
padding: 17PX;
}
.as img{
float: left;
margin-right: 10px;
}
p{
text-indent: 2em;
line-height: 2em;
}
</style>
</head>
<body>
<div class="as">
<h1>豌豆上的公主</h1>
<h6>作者：安徒生</h6>
<img src="./图片综合/豌豆公主3.jpg"/><p>从前有一位王子，他想找一位公主结婚；但是她必须是一位真正的公主。所以他就走遍了全世界，要想寻到这样的一位公主。可是无论他到什么地方，他总是碰到一些障碍。公主倒有的是，不过他没有办法断定她们究竟是不是真正的公主。她们总是有些地方不大对头。结果，他只好回家来，心中很不快活，因为他是那么渴望着得到一位真正的公主。</p>
<p>有一天晚上，忽然起了一阵可怕的暴风雨。天空在掣电，在打雷，在下着大雨。这真有点使人害怕！这时，有人在敲门，老国王就走过去开门。
站在城门外的是一位美丽的公主。可是，天哪！经过了风吹雨打之后，她的样子是多么难看啊！水沿着她的头发和衣服向下面流，流进鞋尖，又从脚跟流出来。她说她是一个真正的公主。
“是的，这点我们马上就可以考查出来。”老皇后心里想，可是她什么也没说。她走进卧房，把所有的被褥都搬开，在床榻上放了一粒豌豆。于是她取出二十床垫子，把它们压在豌豆上。随后，她又在这些垫子上放了二十床鸭绒被。
这位公主夜里就睡在这些东西上面。</p>
<p>早晨大家问她昨晚睡得怎样。
“啊，不舒服极了！”公主说，“我差不多整夜没有合上眼！天晓得我床上有件什么东西？有一粒很硬的东西硌着我，弄得我全身发青发紫，这真怕人！”
现在大家就看出来了，她是一位真正的公主，因为压在这二十床垫子和二十床鸭绒被下面的一粒豌豆，她居然还能感觉得出来。除了真正的公主以外，任何人都不会有这么嫩的皮肤的。
因此那位王子就选她为妻子了，因为现在他知道他得到了一位真正的公主。这粒豌豆因此也就送进了博物馆。如果没有人把它拿走的话，人们现在还可以在那儿看到它呢。
</p>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
