Bootstrap
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="../css/bootstrap.css" /> <!--需要引入JQuery--> <!--<script type="text/javascript" src="../js/jquery-1.11.0.js" ></script>--> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script type="text/javascript" src="../js/bootstrap.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1">
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../css/bootstrap.css" /> </head> <body > <table class="class="table table-hover""> <tr > <td> <input type="checkbox" /> </td> <td>分类ID</td> <td>分类名称</td> <td>分类商品</td> <td>分类描述</td> <td>操作</td> </tr> <tr> <td> <input type="checkbox" /> </td> <td>1</td> <td>手机数码</td> <td>华为,小米,尼康</td> <td>黑马数码产品质量最好</td> <td> <a href="#">修改</a>|<a href="#">删除</a> </td> </tr> <tr> <td> <input type="checkbox" /> </td> <td>3</td> <td>电脑办公</td> <td>联想,小米</td> <td>笔记本特卖</td> <td><a href="#">修改</a>|<a href="#">删除</a></td> </tr> </table> </body> </html>
<a href="#" class="btn btn-warning"></a> <a href="#"></a>