达拉崩吧达拉崩吧

最新推荐文章于 2024-06-17 13:56:54 发布

啊白色哦黑色0220

最新推荐文章于 2024-06-17 13:56:54 发布

阅读量133

点赞数

文章标签： java

本文链接：https://blog.csdn.net/weixin_45409214/article/details/124374182

版权

<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="les.css">
<body>
<div class="les">
<table class="table1">

<thead class="thead1">
<tr class="tr1">
<td class="td1" colspan="5">select</td>
</tr>
<tr class="tr2">
<td class="td1">select</td>
<td class="td1">select</td>
<td class="td1">select</td>
<td class="td1">select</td>
<td class="td1">select</td>
</tr>
</thead>

<tbody class="tbody1">
<tr class="tr">
<td class="td">select</td>
<td class="td">select</td>
<td class="td">select</td>
<td class="td">select</td>
<td class="td">select</td>
</tr>
<tr class="tr">
<td class="td">select</td>
<td class="td">select</td>
<td class="td">select</td>
<td class="td">select</td>
<td class="td">select</td>
</tr>

</tbody>

</table>

</div>
<input type="submit" value="Submit" class="button">

</body>
</html>

.les{
border: 3px solid black;
height: 300px;
width: 450px;

}
.table1{
border-collapse:collapse;
height: 300px;
width: 450px;
}

.thead1 {
display: block;
position: sticky;
}
.tr1{
height: 25px;
text-align: center;
}
.td1{
width: 90px;
padding-left: 5px;
text-align: left;
border: 3px solid #808080;
}
.tr2{
height: 40px;
}

.tbody1{
display: block;
overflow-y: scroll;

}
.tfoot1{
display: block;
position: sticky;

}
.tr3{
text-align: center;

}
.td3{
width: 450px;
text-align: center;
border: 3px solid #808080;
}
.button{
width: 60px;
height: 20px;
font-size: 12px;
text-decoration: underline;
border-radius: 4px;
color:skyblue
}

.tr{
text-align: center;
border: 3px solid red;
}
.td{
width: 90px;
text-align: center;
border: 3px solid red;
}

啊白色哦黑色0220

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
达拉崩吧达拉崩吧

<!DOCTYPE html><html><link rel="stylesheet" type="text/css" href="les.css"><body> <div class="les"> <table class="table1"> <thead class="thead1"> <tr class="tr1"> <td class="td1...
复制链接

扫一扫