制作开心庄园页面 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>制作开心庄园页面</title>
 6     <link href="css/上机练习2.css" rel="stylesheet" type="text/css"/>
 7 </head>
 8 <body>
 9 <img src="image/manor-1.jpg"/>
10 <h2>如何犁地、播种和收获？</h2>
11 <p>
12     1.点击耙子<img src="image/manor-2.jpg"/>，即可在庄园中开垦田地；<br/>
13     2.一开始，你可以开垦数十块的田地；扩充庄园后，可开垦的数量更多；<br/>
14     3.在商店<img src="image/manor-3.jpg"/>购买种子后，点击庄园中的田地<img src="image/manor-4.jpg"/>，即可播种；<br/>
15     4.别忘了收获自己的劳动所得哦，枯萎后就颗粒无收了！<br/>
16     5.使用铲子删除庄园里的田地和植物；<br/>
17     6.到达一定级别，可利用拖拉机、播种机 、收割机 ，方便快捷的劳作。
18 </p>
19 <h2>如何种果树？</h2>
20 <p>
21     1.商店中购买果树后，点击庄园空地<img src="image/manor-5.jpg"/>，即可种植；<br/>
22     2.果树结满果实时，一定要记得及时收获哦；<br/>
23     3.幸运的是，果树不会枯萎，收获后的果树，过一段时间后，还会继续结果。
24 </p>
25 <h2>如何养动物？</h2>
26 <p>
27     1.点击商店，选择想要饲养的动物后，点击庄园空地，即可饲养动物；<br/>
28     2.动物成熟之后一定要记得收获<img src="image/manor-6.jpg"/>哦~<br/>
29     3.将动物放入相应的居所后，可以更方便地收获；幸运的话，说不定会有意外的惊喜收获呢！<br/>
30     4.除了商店购买外，还有各种神秘途径可获得动物哦！
31 </p>
32 <h2>如何装扮自己的庄园？</h2>
33 <p>
34     1.点击左上角的庄园名称，为自己的庄园起个响当当的名字；<br/>
35     2.在商店 里购买各种喜欢的建筑和装饰，随心所欲进行装饰；<br/>
36     3.向好友们许愿或发布需求<img src="image/manor-7.jpg"/>，让好友们赠送自己心仪的东西；
37 </p>
38 </body>
39 </html>
40 p{
41     color:#9C2F06;
42     font-size:12px;
43     line-height:20px;
44     vertical-align:middle;
45 }
46 h2{
47     color:#9C2F06;
48     font-weight:bold;
49     font-size:18px;
50     line-height:40px;
51 }
52 img{
53     vertical-align:middle;
54 }

 

posted @ 2021-01-20 09:02  残冰辉  阅读(557)  评论(0)    收藏  举报