| 1234567891011121314151617181920212223242526272829303132333435363738 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
- <meta charset="utf-8">
- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta content="black" name="apple-mobile-web-app-status-bar-style">
- <meta content="telephone=no" name="format-detection">
- <title>设备详情</title>
- </head>
- <link rel="stylesheet" type="text/css" href="./css/style.css">
- <body>
- <!--头部-->
- <div class="header"><a class="comblack" ></a> 设备详情</div>
- <!--内容-->
- <div class="content">
- <div class="contert-top"></div>
- <div class="contert-bottom">
- <div>
- <ul>
- <li>报警主机A <span> ></span> <span>正常</span></li>
- <li>芙蓉江路 <span> ></span> <span>正常</span></li>
- </ul>
- </div>
-
- </div>
-
- </div>
- <!--底部-->
- <div class="footer"></div>
- </body>
- <style type="text/css">
- .content-bottom >ul >li{ text-align: left; padding-left: 10%; height: 60px; line-height: 60px; border-bottom: 1px solid #DCDCDC;}
- .content-bottom >ul >li >span{ font-size: 14px; color:#646464; display: inline-block; float: right; margin-right: 5%; }
- .content-bottom >ul >li >span:nth-child(1){ color:#DBDBDB; }
- </style>
- </html>
|
