HTML--皮肤库1 

<!doctype html>
<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>
<table align="center" border=1>
<tr>
    <td>
        <div align="center">
        <img src="800.png" height="150px">
        <br/>
        <a class="btn btn-success btn-sm">名称</a>
        <a class="btn btn-danger btn-sm">Alex</a>
    <a href="#"><span class="glyphicon glyphicon-heart" style="color: rgb(255, 7, 0); font-size: 16px;"></span></a>
    <a><span class="badge">1</span></a>
        </div>
    </td>
    <td>
        <div align="center">
        <img src="799.png" height="150px">
        <br/>
        <a class="btn btn-success btn-sm">名称</a>
        <a class="btn btn-danger btn-sm">Steve</a>
    <a href="#"><span class="glyphicon glyphicon-heart" style="color: rgb(255, 7, 0); font-size: 16px;"></span></a>
    <a><span class="badge">1</span></a>
        </div>

    </td>
    <td>
        <div align="center">
        <img src="796.png" height="150px">
        <br/>
        <a class="btn btn-success btn-sm">名称</a>
        <a class="btn btn-danger btn-sm">Hong</a>
    <a href="#"><span class="glyphicon glyphicon-heart" style="color: rgb(255, 7, 0); font-size: 16px;"></span></a>
    <a><span class="badge">1</span></a>
        </div>

    </td>
</tr>
<tr>
    <td>
        <div align="center">
         <img src="793.png" height="150px">
         <br/>
         <a class="btn btn-success btn-sm">名称</a>
         <a class="btn btn-danger btn-sm">Helen</a>
     <a href="#"><span class="glyphicon glyphicon-heart" style="color: rgb(255, 7, 0); font-size: 16px;"></span></a>
    <a><span class="badge">1</span></a>
        </div>
    </td>
    <td>
        <div align="center">
        <img src="794.png" height="150px">
        <br/>
        <a class="btn btn-success btn-sm">名称</a>
        <a class="btn btn-danger btn-sm">Amy</a>
    <a href="#"><span class="glyphicon glyphicon-heart" style="color: rgb(255, 7, 0); font-size: 16px;"></span></a>
    <a><span class="badge">1</span></a>
        </div>

    </td>
    <td>
        <div align="center">
        <img src="795.png" height="150px">
        <br/>
        <a class="btn btn-success btn-sm">名称</a>
        <a class="btn btn-danger btn-sm">Som</a>
    <a href="#"><span class="glyphicon glyphicon-heart" style="color: rgb(255, 7, 0); font-size: 16px;"></span></a>
    <a><span class="badge">1</span></a>
        </div>

    </td>
<tr>
</table>
</body>
</html>

 

posted @ 2023-03-05 09:58  fushuxuan1  阅读(67)  评论(0)    收藏  举报