css怎么写

最新推荐文章于 2023-06-30 09:36:11 发布

好吃不看我

最新推荐文章于 2023-06-30 09:36:11 发布

阅读量707

点赞数

分类专栏：前端

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<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
评论
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:
复制链接

扫一扫

专栏目录