首页 > 代码库 > 通用table样式
通用table样式
<html><head> <title>通用table样式</title> <style type="text/css"> body, table { font-size: 12px; } table { table-layout: fixed; empty-cells: show; border-collapse: collapse; margin: 0 auto; } td { height: 30px; } h1, h2, h3 { font-size: 12px; margin: 0; padding: 0; } .table { border: 1px solid #cad9ea; color: #666; } .table th { background-repeat: repeat-x; height: 30px; } .table td, .table th { border: 1px solid #cad9ea; padding: 0 1em 0; } .table tr.alter { background-color: #f5fafe; } </style></head><body> <table width="90%" class="table"> <tr> <th>学号</th> <th>姓名</th> <th>平时</th> <th>期中</th> <th>实验(践)</th> <th>其它</th> <th>期末</th> <th>总评</th> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr class="alter"> <td>2</td> <td>2</td> <td>2</td> <td>2</td> <td>2</td> <td>2</td> <td>2</td> <td>2</td> </tr> <tr> <td>3</td> <td>3</td> <td>3</td> <td>3</td> <td>3</td> <td>3</td> <td>3</td> <td>3</td> </tr> <tr class="alter"> <td>4</td> <td>4</td> <td>4</td> <td>4</td> <td>4</td> <td>4</td> <td>4</td> <td>4</td> </tr> </table></body></html>
通用table样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。