<html>
<head><title>皮肤库</title></head>
<link rel = 'stylesheet' href = 'bootstrap.min.css'>
<script src = 'jquery.min.js'></script>
<script src = 'bootstrap.min.js'></script>
<body>
<h1 align = "center">皮肤库</h1>
<table border = 2 align = "center">
<tr>
<td>
<div align = "center">
<img src = "1.png" height = 180><br/>
<strong>名称</strong><br/>
<a class = "btn btn-success">Alex</a>
<a class = "btn btn-danger">1</a>
</div>
</td>
<td>
<div align = "center">
<img src = "2.png" height = 180><br/>
<strong>名称</strong><br/>
<a class = "btn btn-success">Alex2</a>
<a class = "btn btn-danger">2</a>
</div>
</td>
<td>
<div align = "center">
<img src = "3.png" height = 180><br/>
<strong>名称</strong><br/>
<a class = "btn btn-success">Alex3</a>
<a class = "btn btn-danger">3</a>
</div>
</td>
<td>
<div align = "center">
<img src = "4.png" height = 180><br/>
<strong>名称</strong><br/>
<a class = "btn btn-success">Alex4</a>
<a class = "btn btn-danger">4</a>
</div>
</td>
</tr>
<tr>
<td>
<div align = "center">
<img src = "5.png" height = 180><br/>
<strong>名称</strong><br/>
<a class = "btn btn-success">Alex5</a>
<a class = "btn btn-danger">1</a>
</div>
</td>
<td>
<div align = "center">
<img src = "6.png" height = 180><br/>
<strong>名称</strong><br/>
<a class = "btn btn-success">Alex6</a>
<a class = "btn btn-danger">6</a>
</div>
</td>
<td>
<div align = "center">
<img src = "7.png" height = 180><br/>
<strong>名称</strong><br/>
<a class = "btn btn-success">Alex7</a>
<a class = "btn btn-danger">7</a>
</div>
</td>
<td>
<div align = "center">
<img src = "8.png" height = 180><br/>
<strong>名称</strong><br/>
<a class = "btn btn-success">Alex8</a>
<a class = "btn btn-danger">8</a>
</div>
</td>
</tr>
</table>
</body>
</html>
标签：Alex,Bootstrap,皮肤,Alex5,HTML,名称 From： https://www.cnblogs.com/wangyihang-xh/p/17178993.html