漂亮的table表格样式css源码漂亮的table表格样式
源码
<head> <title></title> <style type="text/css"> table { border-collap: collap; margin: 0 auto; text-align: center; } table td, table th { border: 1px solid #cad9ea; color: #666; height: 30px; } table thead th { background-color: #cce8eb; width: 100px; } table tr:nth-child(odd) { background: #fff; } table tr:nth-child(even) { background: #f5fafa; } </style></head> <body> <table width="90%" class="table"> <caption> <h2> 车间能源消耗比例</h2> </caption> <thead> <tr> <th> 车间 阳春三月</th> <th> 产量 </th> <th> 电量 </th> <th> 单耗 </th> </tr> </thead> <tr> <td> 109 </td> <td> 13 </td> <td> 升学祝贺词 1.34 </td> <td> 213 </td> </tr> <tr> <td> 109 </td> <td> 13 </td> <td> 1.34 </td> <td> 213 </td> </tr> <tr> <td> 109 </td> <td> 13 </td> <td> 1.34 </td> <td> 213 </td> </tr> <tr> 教资考试科目 <td> 109 </td> <td> 13 </td> <td> 1.34 </td> <td&浙江省自学考试gt; 213 </td> </tr> <tr> <td> 109 </td> <td> 13 </td> <td> 1.34 </td> <td> 213 </td> </tr> <tr> <td> 109 </td> 作文模板 <td> 13 </td> <td> 1.34 </td> <td> 213 </td> </tr> </table></body> </html>到此这篇关于推荐一个好看table表格的css样式代码详解的文章就介绍到这了,更多相关推荐一个好看table表格的css样式内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持www.887551.com！
本文发布于:2023-04-07 20:06:22，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/3080672bd8e6eb3e751f67dccdd353e7.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：推荐一个好看Table表格的css样式代码详解.doc
本文 PDF 下载地址：推荐一个好看Table表格的css样式代码详解.pdf
| 留言与评论（共有 0 条评论） |
