好看html表格table样式<style type="text/css">
table{
border-collapse:collapse;
table-layout:fixed;
border-radius:5px;
overflow:hidden;
margin: 10px auto;
border:2px solid #70aefb ;
background-color: #328ef4;
color: #c7dafb;
}
table td,th{
/* padding: 5px;
width: 33%; */
text-align: center;
border:1px solid #70aefb ;
vertical-align:middle;
/* font-size: 15px; */
width: 80%;
}
.table-color-green{
background-color: green;
}
.table-color-grey{
background-color: #696969;
}
.table-color-black{
background-color: black;
}
.jt-up-color{
color:red;
}
.parent-position{
html网页设计 table
position: relative;
}
.child-position{
position: absolute;
right: 0;
bottom: 0;
}
.main-font{
font-size: 23px;
}
</style>
<table class="">
<thead>
<tr><td>恒温1号</td><td>限值</td></tr>
</thead>
<tbody>
<tr><td rowspan=2>31.7</td><td>30.0</td></tr>
<tr ><td>10</td></tr>
<tr><td rowspan=2>31.7</td><td>70</td></tr>
<tr><td>50</td></tr>
<tr ><td colspan=2>时间:2019-07-19 15:34:24</td></tr> </tbody>
</table>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论