css怎么写

<html> 
<head> 
<title> 固定表格表头 </title> 
<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> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值