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.
ps75m2bhf/templates/医务工作者导航界面.html

95 lines
3.3 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: 20%;
}
.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/index5/">查询/修改patient</a></li>
<li><a href="http://127.0.0.1:5000/index7/">查询/修改report</a></li>
<li><a href="http://127.0.0.1:5000/index6/">查询/修改medical_worker</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>