<%--
|
Created by IntelliJ IDEA.
|
User: Administrator
|
Date: 2023/5/5
|
Time: 11:42
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
<html>
|
<head>
|
<title>Title</title>
|
</head>
|
<style>
|
.blue{
|
margin-top: 14px;
|
font-weight: bolder;
|
|
}
|
.blue:active{
|
background-color: deepskyblue;
|
color: white;
|
border-radius: 5px;
|
}
|
.blue1{
|
text-decoration: none;
|
color: black;
|
}
|
.container{
|
box-shadow: 1px 2px 5px #666666;
|
margin-top: 10px;
|
}
|
|
</style>
|
<body>
|
<%--一个楼层--%>
|
<div style="background-color: white;width: 46px;height: 36px;border-radius: 5px;padding-top: 8px" class="container">
|
<a href="#" class="blue1"> <div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin: auto;">F1</div></a>
|
</div>
|
<%--两个楼层--%>
|
<div style="background-color: white;width: 46px;height: 86px;border-radius: 5px;padding-top: 10px" class="container">
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin: auto;">F1</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin: auto;margin-top: 10px">F2</div></a>
|
</div>
|
<%--三个楼层--%>
|
<div style="background-color: white;width: 46px;height: 136px;border-radius: 5px;padding-top: 10px" class="container">
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;">F1</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F2</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F3</div></a>
|
</div>
|
<%--四个楼层--%>
|
<div style="background-color: white;width: 46px;height: 186px;border-radius: 5px;padding-top: 10px" class="container">
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;">F1</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F2</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F3</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F4</div></a>
|
</div>
|
<%--五个楼层--%>
|
<div style="background-color: white;width: 46px;height: 236px;border-radius: 5px;padding-top: 10px" class="container">
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;">F1</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F2</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F3</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F4</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F5</div></a>
|
|
</div>
|
<%--六个楼层--%>
|
<div style="background-color: white;width: 46px;height: 276px;border-radius: 5px;padding-top: 10px" class="container">
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;">F1</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F2</div></a>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F3</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F4</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F5</div></a>
|
<div style="margin: auto;width: 30px;border-top: 1px solid #cccccc;margin-top: 7px"></div>
|
<a href="#" class="blue1"><div class="blue" style="text-align: center;height: 30px;width: 30px;line-height: 30px;margin-top: 14px;margin: auto;margin-top: 10px">F6</div></a>
|
|
</div>
|
</body>
|
</html>
|
