<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>公路路基路面施工质量控制系统</title>
<!-- layui -->
<link rel="stylesheet" href="lib\layui\css\layui.css">
<link rel="stylesheet" href="css\lib.css">
<link rel="stylesheet" href="css\road.css">
<style media="screen">
body{
background: url(images/bg_1.jpg);
background-size: cover;
}
.fn_1{
width: 250px; height: 220px;
background: url(images/fn_1.png);
background-size: cover;
}
.fn_1:hover{
background: url(images/fn_1_h.png);
background-size: cover;
}
.fn_2{
width: 250px; height: 220px;
background: url(images/fn_2.png);
background-size: cover;
}
.fn_2:hover{
background: url(images/fn_2_h.png);
background-size: cover;
}
.fn_3{
width: 250px; height: 220px;
background: url(images/fn_3.png);
background-size: cover;
}
.fn_3:hover{
background: url(images/fn_3_h.png);
background-size: cover;
}
.sci-wheel{
position: absolute;
top: 0;
right: 0;
width: 100px;
}
.header{
width: 100%; height: 100px; line-height: 100px;
padding: 0 40px;
background:rgba(0,0,0,0.3);
}
.header img{
float: left;
margin: 10px 10px;
width: 100px;
}
.header p{
float: left;
font-size: 30px; color: white;
letter-spacing: 3px;
}
.header .home-btn {
float: left;
margin-top: 20px;
width: 74px;
height: 74px;
border: 1px solid #102262;
border-radius: 5px;
background: url(images/login/icon.png) no-repeat center center;
background-size: 45% 45%;
cursor: pointer;
}
.center{
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
margin: auto;
width: 930px; height: 250px;
/* bottom: 300px; */
}
.center .list{
display: block;
float: left;
margin: 0 30px;
}
.center .list p{
text-align: center;
color: #00BAF1;
font-size: 18px;
margin-top: 240px;
}
/* .center .list img{
width: 250px;
margin: 0 30px;
} */
</style>
</head>
<body>
<div class="header">
<a href="login.html"><div class="home-btn"></div></a>
<img src="images\logo.png" alt="">
<p>请选择您要登录的系统</p>
</div>
<img class="sci-wheel" src="images\sci.gif" alt="">
<div class="center">
<a class="list fn_1 moveUpDownFla1" href="login.html">
<!-- <img src="images\fn_1.png" alt=""> -->
<p>系统一</p>
</a>
<a class="list fn_2 moveUpDownFla2" href="login.html">
<!-- <img src="images\fn_2.png" alt=""> -->
<p>系统二</p>
</a>
<a class="list fn_3 moveUpDownFla1" href="login.html">
<!-- <img src="images\fn_3.png" alt=""> -->
<p>系统三</p>
</a>
</div>
<!--流星-->
<div class="liuxing liuxing1 liuxingFla"></div>
<div class="liuxing liuxing2 liuxingFla2"></div>
<div class="liuxing liuxing3 liuxingFla3"></div>
<div class="liuxing liuxing4 liuxingFla4"></div>
</body>
<!-- layui -->
<script type="text/javascript" src="lib\layui\layui.all.js"></script>
</html>
科技感web软件系统登录表单模板
需积分: 5 167 浏览量
2022-03-31
15:47:29
上传
评论
收藏 548KB ZIP 举报
科技感web软件系统登录表单模板.zip （49个子文件） 
css 
road.css 2KB lib.css 2KB login.css 4KB images 
footer_bg.png 24KB fn_2.png 20KB index-head.png 25KB
bg_1.jpg 33KB fn_2_h.png 19KB login_bg_1.png 38KB
sci.gif 31KB fn_3_h.png 19KB login-color.png 16KB fn_1_h.png 19KB logo.png 20KB line.png 755B fn_1.png 20KB fn_3.png 20KB login icon.png 580B
puff.svg 1KB
login.html 3KB index.html 4KB js jquery.min.js 91KB jquery-ui.min.js 232KB login.js 1KB lib layui css layui.css 58KB layui.mobile.css 10KB modules layer default loading-2.gif 2KB icon.png 11KB loading-1.gif 701B layer.css 14KB icon-ext.png 6KB loading-0.gif 6KB code.css 1KB layui.js 6KB lay modules jquery.js 95KB flow.js 2KB layedit.js 12KB util.js 2KB carousel.js 4KB mobile.js 33KB form.js 8KB upload.js 7KB tree.js 3KB layer.js 22KB laytpl.js 2KB laypage.js 4KB code.js 1KB element.js 7KB jquery jquery-2.1.1.min.js 82KB
评论0