首页html表格实现图书借阅系统静态网页代码

html表格实现图书借阅系统静态网页代码

时间: 2023-09-26 22:09:33 浏览: 55

以下是一个简单的实现图书借阅系统的静态网页代码： ```html <!DOCTYPE html> <html> <head> <title>图书借阅系统</title> <style type="text/css"> table { border: 1px solid black; border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8px; text-align: center; } th { background-color: #4CAF50; color: white; } tr:nth-child(even) { background-color: #f2f2f2; } </style> </head> <body> <h1>图书借阅系统</h1> <table> <thead> <tr> <th>书名</th> <th>作者</th> <th>出版社</th> <th>ISBN</th> <th>借阅状态</th> </tr> </thead> <tbody> <tr> <td>红楼梦</td> <td>曹雪芹</td> <td>人民文学出版社</td> <td>9787020002207</td> <td>已借出</td> </tr> <tr> <td>三国演义</td> <td>罗贯中</td> <td>人民文学出版社</td> <td>9787020002207</td> <td>未借出</td> </tr> <tr> <td>水浒传</td> <td>施耐庵</td> <td>人民文学出版社</td> <td>9787020002207</td> <td>未借出</td> </tr> <tr> <td>西游记</td> <td>吴承恩</td> <td>人民文学出版社</td> <td>9787020002207</td> <td>已借出</td> </tr> </tbody> </table> </body> </html> ``` 这个静态网页使用了 HTML 表格来展示图书信息，包括书名、作者、出版社、ISBN 号和借阅状态。通过 CSS 样式，表格具有边框、斑马线效果等，使得页面更加美观易读。