用html js css 写一个电影网站中影院的部分
时间: 2023-05-20 18:02:57 浏览: 49
好的,以下是一个简单的电影网站中影院部分的 HTML、CSS 和 JavaScript 代码示例:
HTML 代码:
```
<div class="cinema">
<h2>影院</h2>
<ul class="cinema-list">
<li class="cinema-item">
<h3>影院1</h3>
<p>地址:xxx</p>
<p>电话:xxx</p>
<a href="#">购票</a>
</li>
<li class="cinema-item">
<h3>影院2</h3>
<p>地址:xxx</p>
<p>电话:xxx</p>
<a href="#">购票</a>
</li>
<li class="cinema-item">
<h3>影院3</h3>
<p>地址:xxx</p>
<p>电话:xxx</p>
<a href="#">购票</a>
</li>
</ul>
</div>
```
CSS 代码:
```
.cinema {
margin-top: 50px;
}
.cinema h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.cinema-list {
list-style: none;
margin: 0;
padding: 0;
}
.cinema-item {
margin-bottom: 20px;
padding: 20px;
border: 1px solid #ccc;
}
.cinema-item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.cinema-item p {
margin-bottom: 10px;
}
.cinema-item a {
display: inline-block;
padding: 10px 20px;
background-color: #f60;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
```
JavaScript 代码:
```
// 在这里可以添加 JavaScript 代码,比如获取影院列表数据并动态生成 HTML 代码等。
```
希望这个示例能够帮到你!