手机
当前位置:查字典教程网 >网页设计 > 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字间距和对齐方式所用属性介绍

多步骤进度条的实现原理及代码

css强制文字不换行实现代码

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

css绝对定位

网页中css内容换行控制

CSS自定义滚动条样式

两个DEDECMS分页样式css代码

CSS table 单行布局示例代码

css3进行截取替代js的substring

精品推荐
分类导航