<html>
<head>
<title>皮肤库</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-
bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-
bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<h1 align='center'>皮肤库</h1>
<table align='center' border=1>
<tr>
s
<td>
<div align='center'>
<img src='n1.png' height='150px'>
<br/>
<strong>1</strong>
<br/>
<a class="btn btn-info btn-sm disabled" >alex</a>
<button type='button' class='btn btn-default btn-sm'>
<span class='glyphicon glyphicon-heart'></span>
</button>
</div>
</td>
<td>
<div align='center'>
<img src='n2.png' height='150px'>
<br/>
<strong>2</strong>
<br/>
<a class="btn btn-info btn-sm disabled" >steve</a>
</div>
</td>
<td>
<div align='center'>
<img src='n3.png' height='150px'>
<br/>
<strong>3</strong>
<br/>
<a class="btn btn-info btn-sm disabled" >alex</a>
</div>
</td>
<td>
<div align='center'>
<img src='n4.png' height='150px'>
<br/>
<strong>4</strong>
<br/>
<a class="btn btn-info btn-sm disabled" >alex</a>
</div>
</td>
</tr>
<tr>
<td>
<div align='center'>
<img src='n5.png' height='150px'>
<br/>
<strong>5</strong>
<br/>
<a class="btn btn-info btn-sm disabled" >alex</a>
</div>
</td>
<td>
<div align='center'>
<img src='n6.png' height='150px'>
<br/>
<strong>6</strong>
<br/>
<a class="btn btn-info btn-sm disabled" >alex</a>
</div>
</td>
<td>
<div align='center'>
<img src='n7.png' height='150px'>
<br/>
<strong>7</strong>
<br/>
<a class="btn btn-info btn-sm disabled" >alex</a>
</div>
</td>
<td>
<div align='center'>
<img src='n8.png' height='150px'>
<br/>
<strong>8</strong>
<br/>
<a class="btn btn-info btn-sm disabled" >steve</a>
</div>
</td>
</tr>
</table>
</body>
</html>
