CSS固定表格表头
2013-10-30 17:22
393 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> 固定表格表头 </title> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> div{ overflow-y: scroll; overflow-x: hidden; height: 100px; margin-top: 5px; margin-left: 12px; padding-top: -2px; padding-bottom: 5px; border: 3px solid #009933; } table{ width: 100%; border-color: #d2f1ac; border-collapse: collapse; border-top: 0px solid #ffffff; } .fixedtd{ position: relative; z-index: 1; background: #009933; text-align: center; } </style> </head> <body> <div> <table border="1"> <tr> <td class="fixedtd"> 固定表头第一列 </td> <td class="fixedtd"> 固定表头第二列 </td> <td class="fixedtd"> 固定表头第三列 </td> <td class="fixedtd"> 固定表头第四列 </td> <td class="fixedtd"> 固定表头第五列 </td> <td class="fixedtd"> 固定表头第六列 </td> </tr> <tr> <td>A1</td> <td>A2</td> <td>A3</td> <td>A4</td> <td>A5</td> <td>A6</td> </tr> <tr> <td>B1</td> <td>B2</td> <td>B3</td> <td>B4</td> <td>B5</td> <td>B6</td> </tr> <tr> <td>C1</td> <td>C2</td> <td>C3</td> <td>C4</td> <td>C5</td> <td>C6</td> </tr> <tr> <td>D1</td> <td>D2</td> <td>D3</td> <td>D4</td> <td>D5</td> <td>D6</td> </tr> <tr> <td>E1</td> <td>E2</td> <td>E3</td> <td>E4</td> <td>E5</td> <td>E6</td> </tr> <tr> <td>F1</td> <td>F2</td> <td>F3</td> <td>F4</td> <td>F5</td> <td>F6</td> </tr> <tr> <td>G1</td> <td>G2</td> <td>G3</td> <td>G4</td> <td>G5</td> <td>G6</td> </tr> <tr> <td>H1</td> <td>H2</td> <td>H3</td> <td>H4</td> <td>H5</td> <td>H6</td> </tr> </table> </div> </body> </html>
相关文章推荐
- CSS实现固定表头 HTML表格
- 适用于IE的固定表头和列的表格样式[CSS]
- 纯css实现table表格固定列和表头,中间横向滚动的思路-附案例
- CSS实现表格表头(thead)固定,内容(tbody)滚动
- 推荐:用CSS实现的固定表头的HTML表格
- CSS教程,CSS固定表头的HTML表格
- 纯css控制-表格表头固定,内容多时滚动内容
- 用CSS制作表头固定的表格
- CSS实现表头固定的表格
- 用CSS制作表头固定的表格
- css固定table表头的实现代码可同时看到表头和表格底部
- 用CSS实现的固定表头的HTML表格
- table表头和首列的表格固定-CSS实现的Table表头固定
- 纯css实现table表格固定列和表头,中间横向滚动的思路-附案例
- css固定表格表头(各浏览器通用)
- table表头和首列的表格固定-CSS实现的Table表头固定
- div+css实现表头固定内容滚动表格
- 纯css的 表头固定的滚动表格
- css 固定表头的表格,和 width:auto, margin:auto等 自计算方法
- css固定表格titile和首列的实现