首页layui 设置表格title字体大小

layui 设置表格title字体大小

时间: 2023-08-09 13:08:41 浏览: 183

要设置 layui 表格的标题（title）的字体大小，你可以使用 CSS 来实现。下面是一个示例代码，演示如何使用 CSS 设置表格标题的字体大小： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui 表格标题字体大小</title> <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.6.8/css/layui.css"> <style> .layui-table th .layui-table-cell { font-size: 16px; /* 设置表格标题的字体大小 */ } </style> </head> <body> <table class="layui-table"> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>25</td> <td>男</td> </tr>  </tbody> </table> <script src="https://cdn.staticfile.org/layui/2.6.8/layui.js"></script> </body> </html> ``` 在上述代码中，我们使用 CSS 选择器 `.layui-table th .layui-table-cell` 来选中 layui 表格标题所在的元素，并设置其字体大小为 `16px`。你可以根据需要修改字体大小的数值来调整标题的样式。记得在使用前引入 layui 的样式表。

阅读全文