影视作品介绍网页设计
时间: 2024-01-30 20:11:13 浏览: 28
以下是一个影视作品介绍网页设计的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>影视作品介绍</title>
<style>
/* CSS样式 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
color: #333;
}
.movie {
margin-bottom: 20px;
padding: 10px;
background-color: #f9f9f9;
border-radius: 5px;
}
.movie h2 {
margin-top: 0;
color: #333;
}
.movie p {
color: #666;
}
</style>
</head>
<body>
<div class="container">
<h1>影视作品介绍</h1>
<div class="movie">
<h2>电影1</h2>
<p>这是一部非常精彩的电影,讲述了......</p>
</div>
<div class="movie">
<h2>电影2</h2>
<p>这是另一部非常好看的电影,故事发生在......</p>
</div>
<div class="movie">
<h2>电影3</h2>
<p>这是一部悬疑电影,主人公在解开谜团的过程中......</p>
</div>
</div>
</body>
</html>
```
这个示例使用了HTML和CSS来创建一个简单的影视作品介绍网页。每个电影都被包裹在一个`<div class="movie">`元素中,其中包含电影的标题和简介。你可以根据需要添加更多的电影信息。
相关推荐
![txt](https://img-home.csdnimg.cn/images/20210720083642.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)