fmpq.com
源代码:
点击运行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>使用bootstrap的斑马表格实例</title> <meta name="description" content="Creating a Zebra table with Bootstrap. Learn with example of a Zebra Table with Bootstrap."> <link href="/jscss/bootstrap/v3/bootstrap.css" rel="stylesheet"> </head> <body> <table class="table table-striped"> <thead> <tr> <th>Student-ID</th> <th>First Name</th> <th>Last Name</th> <th>Grade</th> </tr> </thead> <tbody> <tr> <td>001</td> <td>Rammohan </td> <td>Reddy</td> <td>A+</td> </tr> <tr> <td>002</td> <td>Smita</td> <td>Pallod</td> <td>A</td> </tr> <tr> <td>003</td> <td>Rabindranath</td> <td>Sen</td> <td>A+</td> </tr> </tbody> </table> </body> </html>
运行结果