首页按要求生成hbuilder代码，要求如下制作八行四列表格,宽度为浏览器的80%，水平居中，字体颜色为紫色

按要求生成hbuilder代码，要求如下制作八行四列表格,宽度为浏览器的80%，水平居中，字体颜色为紫色

时间: 2024-12-23 21:26:16 浏览: 3

在HBuilder中，你可以通过编写HTML结构和对应的CSS样式来实现这个需求。以下是一个示例代码：首先，在HTML文件中创建表格的基本结构： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style type="text/css" scoped> .center-table { width: 80%; margin: 0 auto; text-align: center; } table { border-collapse: separate; border-spacing: 0; } tr.header { background-color: #808080; color: purple; } tr.even, tr.alt { background-color: #f2f2f2; } tr.odd { background-color: #ccc; } td, th { border: 5px solid blue; border-color: yellow; padding: 10px; } tr:hover { background-color: lightgray; cursor: pointer; } </style> </head> <body> <div class="center-table"> <table> <tr class="header"> <th>列1</th> <th>列2</th> <th>列3</th> <th>列4</th> </tr>  <tr class="odd"> <td>课程1</td> <td>内容1</td> <td>...</td> <td>...</td> </tr>  </table> </div> </body> </html> ``` 在这个例子中，`.center-table`类用于水平居中表格，`.header`类设置了表头的样式，`.even`和`.odd`类分别应用于偶数行和奇数行，`tr:hover`设置了鼠标悬停时的背景和字体颜色。你需要替换`<tr>`标签内的内容为实际的课程信息。

阅读全文