11

最新推荐文章于 2024-07-19 10:42:44 发布

你！鸿章

最新推荐文章于 2024-07-19 10:42:44 发布

阅读量130

点赞数

本文链接：https://blog.csdn.net/weixin_43024812/article/details/87192124

版权

css3美化网页元素

字体样式 font-family:Verdana,“楷体”

字体风格 font-style: normal标准字体 italic斜体字体 oblique倾斜的字体

字体粗细 font-weight bold粗体 bolder更粗的字体 lighter更细的字体
文本颜色 color:rgba(0,0,255,0.5)

水平对齐方式 text-align left center right justify两端对齐文本效果

首行缩进和行高 text-height text-indet

文本装饰 text-decoration none 标准文本 underline 下划线 overline 上划线 line-through 删除线

垂直对齐方式 vertical-align:middle

文本阴影 text-shadow:color x y 模糊半径·

设置超链接a:hover{text-decoration:underline;
color:orange}
背景颜色 background-color

背景图像 background-img:url

背景尺寸 background-szie

css渐变 background:-moz-linear-gradient(to top,orange,blue)

制作开心庄园页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.yi {
	font-family: "Times New Roman";
	font-size: 18px;
	font-style: normal;
	line-height: 40px;
	font-weight: bolder;
	font-variant: normal;
	color: #960;
}
.er {
	font-family: "Times New Roman";
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #960;
	text-align: center;
}
 
</style>
</head>
<body>
<img src="chen-1.jpg"/>
<p><span class="yi">如何犁地、播种和收获？</span></p>
<p><span class="er">1.点击耙子<img src="chen-2.jpg"height="40px" width="50px" align="center"/>，即可在庄园中开垦田地；</span></p>
<p><span class="er">2.一开始，你可以开垦数十块的田地；扩充庄园后，可开垦的数量更多；</span></p>
<p><span class="er">3.在商店<img src="chen-3.jpg"height="40px" width="50px" align="center"/>， 购买种子后，点击庄园中的田地，<img src="chen-4.jpg"height="40px" width="50px" align="center"/>，即可播种；</span></p>
<p><span class="er">4.别忘了收获自己的劳动所得哦，枯萎后就颗粒无收了！</span></p>
<p><span class="er">5.使用铲子删除庄园里的田地和植物；</span></p>
<p><span class="er">6.到达一定级别，可利用拖拉机、播种机 、收割机 ，方便快捷的劳作。
</span></p>
<p><span class="yi">如何种果树？</span></p>
<p><span class="er">1.商店中购买果树后，点击庄园空地 店<img src="chen-5.jpg"height="40px" width="70px" align="center"/>，即可种植；</span></p>
<p><span class="er">2.果树结满果实时，一定要记得及时收获 哦；</span></p>
<p><span class="er">3.幸运的是，果树不会枯萎，收获后的果树，过一段时间后，还会继续结果。</span></p>
<p><span class="yi">如何养动物？</span></p>
<p><span class="b">1.点击商店，选择想要饲养的动物后，点击庄园空地，即可饲养动物；</span></p>
<p><span class="er">2.动物成熟之后一定要记得收获<img src="chen-6.jpg"height="40px" width="50px" align="center"/>哦~</span></p>
<p><span class="er">3.将动物放入相应的居所后，可以更方便地收获；幸运的话，说不定会有意外的惊喜收获呢！</span></p>
<p><span class="er">4.除了商店购买外，还有各种神秘途径可获得动物哦！</span></p>
<p><span class="yi">如何装扮自己的庄园？</span></p>
<p><span class="er">1.点击左上角的庄园名称，为自己的庄园起个响当当的名字；</span></p>
<p><span class="er">2.在商店 里购买各种喜欢的建筑和装饰，随心所欲进行装饰；</span></p>
<p><span class="er">3.向好友们许愿或发布需求<img src="chen-7.jpg"height="40px" width="50px" align="center"/>，让好友们赠送自己心仪的东西；</span></p>
 

</body>