手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css固定表头、行头样式代码
css固定表头、行头样式代码
摘要:利用CSS代码让Table产生固定表头www.865171.cn列头列头h1h2h3h4h5a单元格2单元格3单元格4单元格5b单元格2单元...

<style type="text/css">

<>

</style>

<h1>利用CSS代码让Table产生固定表头</h1>

<h3>www.865171.cn</h3>

<div id="scrollDiv" >

<table border="0" cellpadding="3" cellspacing="0" width="400">

<tr >

<th >&nbsp;</th>

<th colspan="2">列头</th>

<th colspan="2">列头</th>

</tr>

<tr >

<th >h1</th>

<th >h2</th>

<th >h3</th>

<th >h4</th>

<th >h5</th>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox" value="checkbox">

a</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox2" value="checkbox">

b</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td nowrap >

<input type="checkbox" name="checkbox3" value="checkbox">

c</td>

<td nowrap>单元格2</td>

<td nowrap>单元格3</td>

<td nowrap>单元格4</td>

<td nowrap>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox4" value="checkbox">

d</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox5" value="checkbox">

e</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox6" value="checkbox">

f</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox7" value="checkbox">

g</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

</table>

</div>

【css固定表头、行头样式代码】相关文章:

css特效 一道闪光在图片上划过代码

css3进行截取替代js的substring

css绝对定位

CSS table 单行布局示例代码

CSS自定义滚动条样式

CSS控制让每行显示4个图片的样式

css的三种定位方式使用探讨

css样式命名规范

CSS定义Radio单选项和Checkbox复选框样式有效代码

css实现文字层浮在图片之上示例代码

精品推荐
分类导航