<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
<style>
* {
margin: 0;
padding: 0px;
}
div {
box-sizing: border-box;
}
body {
width: 100vw;
background: url(picture/bg01.jpg) no-repeat;
background-size: cover;
}
.box {
width: 900px;
margin: 20px auto;
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 20px;
}
.box h2 {
margin-bottom: 20px;
}
.box p {
line-height: 1.8;
text-indent: 2em;
text-align: justify;
margin-bottom: 10px;
}
.daohang {
width: 100%;
height: 80px;
background: rgba(0, 0, 0, 0.7);
}
.daohang .neirong {
width: 900px;
margin: 0 auto;
height: 80px;
}
.daohang .neirong a {
font-size: 20px;
color: #fff;
text-decoration: none;
display: inline-block;
line-height: 80px;
text-align: center;
width: 19%;
}
</style>
</head>
<body>
<div class="box">
<h2>小黄人介绍</h2>
<p>
<img src="picture/1.gif" style="float: right; width:200px; margin-left: 20px;" alt="">
小黄人身型是黄色胶囊状，穿着蓝色背带装，语言为各种语言的各种混杂，眼睛呈单只或双只，并一直带着潜水镜，只有3个手指，头发有5种类型，刺头、塌塌的小中分、冲天一小撮、光头以及小平头。小黄人身型是黄色胶囊状，穿着蓝色背带装，语言为各种语言的各种混杂，眼睛呈单只或双只，并一直带着潜水镜，只有3个手指，头发有5种类型，刺头、塌塌的小中分、冲天一小撮、光头以及小平头。
</p>
<p>
小紫人是由小黄人被注射PX-41血清所变异的，拥有狂野的发型和大大的牙齿，有着惊人的食量，什么都能吃，是小黄人对立面，因为紫色正好是黄色的对立色，所以这些邪恶的小人就被设置成紫色的了，不过他们做坏事方式看起来也会很有趣。
</p>
<p>
呆蠢、贱萌的技术宅，吵闹、易满足、爱享受、听主人话、乐于助人，喜欢大笑和玩耍，讨厌被嘲笑。喜爱的食物各种水果蔬菜，尤其热爱香蕉、冰激凌。
</p>
<div style="clear: both;"></div>
</div>
<div class="box">
<h2>角色介绍</h2>
<img src="picture/js1.webp" width="200" height="170" style="margin-left: 10px;" alt="">
<img src="picture/js2.webp" width="200" height="170" style="margin-left: 10px;" alt="">
<img src="picture/js3.webp" width="200" height="170" style="margin-left: 10px;" alt="">
<img src="picture/js4.webp" width="200" height="170" style="margin-left: 10px;" alt="">
</div>
<div class="box">
<h2>资料介绍</h2>
<img src="picture/bg02.jpg" width="200" height="130" style="margin-left: 10px;" alt="">
<img src="picture/bg03.jpg" width="200" height="130" style="margin-left: 10px;" alt="">
<img src="picture/bg04.jpg" width="200" height="130" style="margin-left: 10px;" alt="">
<img src="picture/bg05.jpg" width="200" height="130" style="margin-left: 10px;" alt="">
</div>
<div class="music">
<audio controls="" autoplay="" src="file/DespicableMe.mp3"></audio>
</div>
<div class="daohang">
<div class="neirong">
<a href="">首页</a>
<a href="guanyu.html">关于电影</a>
<a href="juese.html">角色介绍</a>
<a href="shijian.html">上映时间</a>
<a href="ziliao.html">资料介绍</a>
</div>
</div>
</body>
</html>
学生dreamweaver网页设计作业成品-简单动漫网页设计
5星 · 超过95%的资源 需积分: 35 43 浏览量
2022-07-26
00:11:17
上传
评论 38
收藏 24.61MB ZIP 举报 
B67JP 小黄人 5页 无js 视频音频.zip （22个子文件） 
05小黄人 5页 无js 视频音频 
juese.html 3KB image 
bg05.jpg 406KB bg04.jpg 436KB bg02.jpg 378KB bg03.jpg 334KB bg01.jpg 55KB picture bg05.jpg 406KB
1.gif 345KB bg04.jpg 436KB bg02.jpg 378KB
js2.webp 23KB bg03.jpg 334KB bg01.jpg 55KB js4.webp 11KB js1.webp 8KB js3.webp 5KB index.html 4KB shijian.html 3KB file DespicableMe.mp3 3.86MB
1.mp4 17.32MB guanyu.html 3KB ziliao.html 4KB
评论5