<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>阴阳师</title>
<style>
body{
font-size: 16px;
}
#box{
margin: 0 auto;
padding: 20px;
text-align: center;
background: url(https://yys.res.netease.com/pc/zt/20170731172708/data/picture/3/6/1440x900.jpg) no-repeat;
width: 80%;
height: 60%;
border-radius: 18px;
}
.biaoti{
color: darkseagreen;
letter-spacing: 5px;
}
table{
margin: 10px auto;
border-collapse: collapse;
width: 60%;
box-shadow: 3px 3px 25px white,-3px -3px 25px white;
}
table,
tr,
th,
td{
border: 1px solid white;
color: white;
}
</style>
</head>
<body>
<div id="box">
<h2 class="biaoti">阴阳师TOP5</h2>
<table>
<tr>
<th>序号</th>
<th>姓名</th>
<th>称号</th>
<th>照片</th>
<th>家</th>
<th>大招</th>
</tr>
<tr>
<td>1</td>
<td>荒</td>
<td>第一帅,第一高</td>
<td><img src="https://yys.res.netease.com/pc/zt/20161108171335/data/before_awake/283.jpg" alt=""></td>
<td>高天原</td>
<td>天罚星</td>
</tr>
<tr>
<td>2</td>
<td>花鸟卷</td>
<td>第一无火奶</td>
<td><img src="https://yys.res.netease.com/pc/zt/20161108171335/data/before_awake/279.jpg" alt=""></td>
<td>画卷里</td>
<td>花鸟相闻</td>
</tr>
<tr>
<td>3</td>
<td>镰鼬</td>
<td>第一多动症</td>
<td><img src="https://yys.res.netease.com/pc/zt/20161108171335/data/before_awake/261.jpg" alt=""></td>
<td>衣服里</td>
<td>兄弟之绊</td>
</tr>
<tr>
<td>4</td>
<td>帚神</td>
<td>第一输出</td>
<td><img src="https://yys.res.netease.com/pc/zt/20161108171335/data/before_awake/408.jpg" alt=""></td>
<td>庭院里</td>
<td>大扫除</td>
</tr>
<tr>
<td>5</td>
<td>雨女</td>
<td>第一哭鼻子的</td>
<td><img src="https://yys.res.netease.com/pc/zt/20161108171335/data/before_awake/224.jpg" alt=""></td>
<td>下雨的地方</td>
<td>天之泪</td>
</tr>
</table>
</div>
</body>
</html>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!