WiFi认证弹出页

最新推荐文章于 2022-11-07 09:35:19 发布

LOVEWUST

最新推荐文章于 2022-11-07 09:35:19 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/LOVEWUST/article/details/50373334

版权

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无标题文档</title>
<style>
table{
width: 100%;
border:11px;
border-bottom-color:#000;
height:95%;

}
table td img{
width: auto\4;
width:100%;
height: auto;
alignment-adjust:central;
}
button {
cursor: pointer;
width: 140px;
height: 50px;
margin-top: 25px;
padding: 0;
background: #0077dd;
-moz-border-radius:16px;
-webkit-border-radius: 16px;
border-radius: 36px;
border: 1px solid #0077dd;
-moz-box-shadow:
0 15px 30px 0 rgba(255,255,255,.25) inset,
0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:
0 15px 30px 0 rgba(255,255,255,.25) inset,
0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:
0 15px 30px 0 rgba(255,255,255,.25) inset,
0 2px 7px 0 rgba(0,0,0,.2);
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-ms-transition: all .2s;
}

button:hover {
-moz-box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
}

button:active {
-moz-box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:
0 5px 8px 0 rgba(0,0,0,.1) inset,
0 1px 4px 0 rgba(0,0,0,.1);

border: 0px solid #ef4300;
}
h2{ font-family: 'PT Sans', Microsoft YaHei, Arial, sans-serif;
font-size: 26px;
font-weight:600;
color: #000;}
table tr td{ font-family: 'PT Sans', Microsoft YaHei, Arial, sans-serif;
font-size: 18px;
font-weight:600;
color: #000;}
</style>
</head>

<body background="20121009215629116.jpg" style="background-repeat:no-repeat; background-size:100% 100%" >
<h2 align="center"><b>武钢集团办公大楼无线网络认证系统</b></h2>

<table class="table" border="0" align="center">

<tr>
<td align="center" height="60%" ><img src="top.png"></td>
</tr>
<tr>
<td align="center" height="40px;">下载手机认证客户端APP，开启无线网络随身之旅
</td>
</tr>
<tr>
<td align="center"><button type="button" >ios版本</button> <button type="button" style="margin-left:10px;">android版本</button></td>
</tr>

</table>
</body>
</html>

LOVEWUST

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WiFi认证弹出页

无标题文档table{width: 100%;border:11px;border-bottom-color:#000; height:95%;}table td img{ width: auto\4; width:100%; height: auto; alignment-adjust:central;}button {
复制链接

扫一扫