You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
3.1 KiB
93 lines
3.1 KiB
<!doctype html>
|
|
<html>
|
|
<center>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<tittle>游客导航界面</tittle>
|
|
<style type="text/css">
|
|
*{/*清除默认样式*/
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.nav{/*设置ul*/
|
|
/*去除符号*/
|
|
list-style: none;
|
|
/*为ul设置背景颜色*/
|
|
background-color: #2D93CA ;
|
|
/*设置宽度，居中，下移*/
|
|
width: 1000px;
|
|
margin: 0px auto;
|
|
/*解决高度塌陷*/
|
|
overflow: hidden;
|
|
}
|
|
/*设置li*/
|
|
.nav li{
|
|
/*向左浮动*/
|
|
float: left;
|
|
width: 33.3%;
|
|
}
|
|
.nav a{
|
|
/*将a转换为元素*/
|
|
display: block;
|
|
/*为a指定一个宽度*/
|
|
width: 100%;
|
|
/*文字居中*/
|
|
text-align: center;
|
|
/*设置上下内间距*/
|
|
padding: 8px 0;
|
|
/*去除下划线，颜色，加粗*/
|
|
text-decoration: none;
|
|
color: white;
|
|
font-width: bold;
|
|
}
|
|
/*鼠标移入效果*/
|
|
.nav a:hover{
|
|
background-color: #0000FF;
|
|
}
|
|
|
|
#web_bg{
|
|
position:fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width:100%;
|
|
height:100%;
|
|
min-width: 1000px;
|
|
z-index:-10;
|
|
zoom: 1;
|
|
background-color: #fff;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
-webkit-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-position: center 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<!--背景图片-->
|
|
<div id="web_bg" style="background-image: url(../static/background0.jpg);"></div>
|
|
<!--其他代码 ... -->
|
|
</div>
|
|
<ul class="nav">
|
|
<li><a href="http://127.0.0.1:5000/index3/">查询treatment_count</a></li>
|
|
<li><a href="http://127.0.0.1:5000/index2/">查询city_count</a></li>
|
|
<li><a href="http://127.0.0.1:5000/index4/">查询treatment_point</a></li>
|
|
</ul>
|
|
<img src="../static/background2.jpg" alt="众志成城，同心抗疫" width="1000" height="200">
|
|
<hr />
|
|
<span>全国疫情信息概览:</span>
|
|
<!--引用框-->
|
|
<br />
|
|
<iframe src="https://ncov.dxy.cn/ncovh5/view/pneumonia" width="500" height="1000" frameborder="0"></iframe>
|
|
<!--页面底部-->
|
|
<hr />
|
|
友情链接：<a href="https://ncov.dxy.cn/ncovh5/view/pneumonia">丁香医生</a>|
|
|
<a href="https://voice.baidu.com/act/newpneumonia/newpneumonia">百度疫情</a>|
|
|
<a href="#">首页</a>
|
|
<br>
|
|
<a id="buttom" href="#">回到顶部</a>|<a href="mailto:2549767334@qq.com">联系我们</a>
|
|
|
|
</center>
|
|
</body>
|
|
</html> |