HTML 实现精美进销货清单表格，示例代码大揭秘！

```html <!doctype html> <html lang="zh"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>进销货清单</title> <style> body { font-family: arial, sans-serif; margin: 0; padding: 0; display: flex; flex-direction: column; min-height: 100vh; } .container { width: 100%; max-width: 600px; flex: 1; position: relative; } table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid #ccc; padding: 8px; text-align: left; } th { background-color: #f2f2f2; } </style> </head> <body> <div class="container"> <table> <thead> <tr> <th>商品名称</th> <th>数量</th> <th>单价</th> <th>总价</th> </tr> </thead> <tbody>  <tr> <td>商品A</td> <td>5</td> <td>100</td> <td>500</td> </tr> <tr> <td>商品B</td> <td>3</td> <td>200</td> <td>600</td> </tr>  </tbody> </table> </div> </body> </html> ``` ######[AI写代码神器 | 495点数解答 | 2024-09-08 00:49:40]

服务商

更多选项

快捷项

自定义