期末作业电影网页web
时间: 2023-12-28 08:05:58 浏览: 35
根据提供的引用内容,以下是一个期末作业电影网页的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>电影网页</title>
<style>
/* CSS样式 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
color: #333333;
text-align: center;
}
.movie {
display: flex;
justify-content: center;
align-items: center;
margin: 20px;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.movie img {
width: 200px;
height: 300px;
object-fit: cover;
margin-right: 20px;
}
.movie .info {
flex: 1;
}
.movie h2 {
margin-top: 0;
}
.movie p {
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>电影推荐</h1>
<div class="movie">
<img src="movie1.jpg" alt="电影1">
<div class="info">
<h2>电影1</h2>
<p>导演:导演1</p>
<p>主演:演员1,演员2</p>
<p>类型:类型1,类型2</p>
<p>评分:8.5</p>
</div>
</div>
<div class="movie">
<img src="movie2.jpg" alt="电影2">
<div class="info">
<h2>电影2</h2>
<p>导演:导演2</p>
<p>主演:演员3,演员4</p>
<p>类型:类型3,类型4</p>
<p>评分:7.9</p>
</div>
</div>
<!-- 更多电影... -->
</body>
</html>
```
这是一个简单的电影网页示例,其中包含了两个电影的信息和海报。每个电影都有一个图片、电影名称、导演、主演、类型和评分等信息。你可以根据需要添加更多电影的信息。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)