文章詳情頁
推薦一個好看Table表格的css樣式代碼詳解
瀏覽：165日期：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> 產(chǎn)量</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>到此這篇關(guān)于推薦一個好看Table表格的css樣式代碼詳解的文章就介紹到這了,更多相關(guān)推薦一個好看Table表格的css樣式內(nèi)容請搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持！
上一條：CSS自定義滾動條樣式案例詳解下一條：基于HTTP瀏覽器緩存機制全面解析
相關(guān)文章：
排行榜
網(wǎng)公網(wǎng)安備