文章詳情頁
推薦一個好看Table表格的css樣式代碼詳解
瀏覽：136日期：2022-06-03 11:20:14
漂亮的table表格樣式css源碼漂亮的table表格樣式
源碼
<head> <title></title> <style type="text/css">table{ border-collapse: collapse; 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%"><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>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樣式內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持！
上一條：CSS自定義滾動條樣式案例詳解下一條：基于HTTP瀏覽器緩存機制全面解析
相關文章：
排行榜
網公網安備