html 停车场车位代码
时间: 2023-12-04 13:39:51 浏览: 32
以下是一个简单的HTML停车场车位代码的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>Parking Lot</title>
<style>
/* 设置停车位的样式 */
.parking-spot {
width: 50px;
height: 50px;
border: 1px solid black;
background-color: green;
margin: 5px;
float: left;
}
/* 设置空车位的样式 */
.empty-spot {
background-color: grey;
}
</style>
</head>
<body>
<h1>Parking Lot</h1>
<div>
<!-- 第一排停车位 -->
<div class="parking-spot"></div>
<div class="parking-spot"></div>
<div class="parking-spot empty-spot"></div>
<div class="parking-spot"></div>
<div class="parking-spot"></div>
</div>
<div>
<!-- 第二排停车位 -->
<div class="parking-spot"></div>
<div class="parking-spot"></div>
<div class="parking-spot"></div>
<div class="parking-spot"></div>
<div class="parking-spot empty-spot"></div>
</div>
<div>
<!-- 第三排停车位 -->
<div class="parking-spot"></div>
<div class="parking-spot empty-spot"></div>
<div class="parking-spot"></div>
<div class="parking-spot"></div>
<div class="parking-spot"></div>
</div>
<p>空车位数量:2</p>
</body>
</html>
```