forked from ps249eph7/Nginx
parent
5d2e3e0ea8
commit
248291e067
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 854 KiB |
@ -0,0 +1,58 @@
|
|||||||
|
<html>
|
||||||
|
<head><link href="style.css" rel="stylesheet" type="text/css" />
|
||||||
|
</head>
|
||||||
|
<div class="body">
|
||||||
|
<table>
|
||||||
|
<body background="favorite-1.jpg">
|
||||||
|
<caption>
|
||||||
|
<div class="font3">
|
||||||
|
<p>
|
||||||
|
<i>The Nginx Operation System OS
|
||||||
|
</i>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</caption>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">状态</th>
|
||||||
|
<th scope="col">服务器名称</th>
|
||||||
|
<th scope="col">距上一次响应时间</th>
|
||||||
|
<th scope="col">当前服务器状态</th>
|
||||||
|
<th scope="col">返回报文报头</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td scope="row"><svg width="50" height="50">
|
||||||
|
<rect width="100%" height="100%" fill="lightgreen" />
|
||||||
|
</svg>
|
||||||
|
</td>
|
||||||
|
<td align="center">北京</td>
|
||||||
|
<td align="center">70ms</td>
|
||||||
|
<td align="center">正常</td>
|
||||||
|
<td align="center">TCP</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td scope="row"><svg width="50" height="50">
|
||||||
|
<rect width="100%" height="100%" fill="red" />
|
||||||
|
</svg></td>
|
||||||
|
<td align="center">上海</td>
|
||||||
|
<td align="center">1300ms</td>
|
||||||
|
<td align="center">受损</td>
|
||||||
|
<td align="center">TCP</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td scope="row"><svg width="50" height="50">
|
||||||
|
<rect width="100%" height="100%" fill="tan" />
|
||||||
|
</svg></td>
|
||||||
|
<td align="center">长沙</td>
|
||||||
|
<td align="center">70ms</td>
|
||||||
|
<td align="center">繁忙</td>
|
||||||
|
<td align="center">TCP</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</html>
|
@ -0,0 +1,19 @@
|
|||||||
|
.font3 > p {
|
||||||
|
font-size: 35px;
|
||||||
|
text-shadow: 5px 5px 5px black, 0px 0px 2px black;
|
||||||
|
color: rgb(47, 7, 243);
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh; /* 重点一 */
|
||||||
|
margin: 0 auto;
|
||||||
|
background-image: url(cg.jpg);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover; /* 重点二 */
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.font2 > p {
|
||||||
|
font-size: 20px;
|
||||||
|
text-shadow: 5px 5px 5px black, 0px 0px 2px black;
|
||||||
|
color: rgb(245, 244, 250);
|
||||||
|
}
|
@ -0,0 +1,64 @@
|
|||||||
|
/* spacing */
|
||||||
|
|
||||||
|
table {
|
||||||
|
table-layout: fixed;
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border: 3px solid purple;
|
||||||
|
}
|
||||||
|
table th{
|
||||||
|
border:1px solid black;
|
||||||
|
background-color:#71c1fb;
|
||||||
|
width:100px;
|
||||||
|
height:20px;
|
||||||
|
font-size:15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td{
|
||||||
|
|
||||||
|
border:1px solid #A6C1E4;
|
||||||
|
|
||||||
|
text-align:center;
|
||||||
|
|
||||||
|
height:15px;
|
||||||
|
|
||||||
|
padding-top:5px;
|
||||||
|
|
||||||
|
font-size:12px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
thead th:nth-child(1) {
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead th:nth-child(2) {
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead th:nth-child(3) {
|
||||||
|
width: 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead th:nth-child(4) {
|
||||||
|
width: 35%;
|
||||||
|
}
|
||||||
|
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.font3 > p {
|
||||||
|
font-size: 40px;
|
||||||
|
text-shadow: 5px 5px 5px black, 0px 0px 2px black;
|
||||||
|
color: rgb(54, 15, 229);
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh; /* 重点一 */
|
||||||
|
margin: 0 auto;
|
||||||
|
background-image: url(cg.jpg);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover; /* 重点二 */
|
||||||
|
overflow: auto;
|
||||||
|
}
|
Loading…
Reference in new issue