好看html表格table样式

悠悠 2021-11-09 23:34 3399阅读 0赞

<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{
    	 	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>

发表评论取消回复

表情：

评论列表（有 0 条评论，3399人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML表格（table）实例

> 实例1：课程表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

刺骨的言语ヽ痛彻心扉/ 2023年10月17日 22:56/ 0 赞/ 67 阅读

相关 HTML table表格详解

一、表格属性 <table style="width:500px;"> <tbody> <tr> <td style="text-align:cente

本是古典何须时尚/ 2023年10月12日 10:29/ 0 赞/ 41 阅读

相关好看的表格样式

效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F

傷城~/ 2022年12月30日 08:26/ 0 赞/ 218 阅读

相关响应式Table表格样式代码

[下载地址][Link 1]外观样式不错的表格代码，使用CSS3代码实现的响应式Table表格，在不同分辨率下显示效果都不错。 ![1631278103.png][] dd

系统管理员/ 2022年09月11日 02:29/ 0 赞/ 219 阅读

相关 table表格清除默认样式

table\{width:100%;text-align:center;border-collapse:collapse;border-spacing:1;border-spa

谁践踏了优雅/ 2022年07月10日 14:57/ 0 赞/ 527 阅读

相关好看的table css样式

原文出处：[https://blog.csdn.net/hello\_mr\_anan/article/details/70257627?locationNum=3&fps=1

我会带着你远行/ 2022年05月15日 08:10/ 0 赞/ 930 阅读

相关 HTML表格table

什么是表格？表格是由行和列排列而成的一种结构，按照行和列呈现数据，从而进行页面布局。这种布局方式已经过时。建议使用div+css实现页面布局。如何创建HTML表格：H

淡淡的烟草味﹌/ 2022年05月15日 00:30/ 0 赞/ 382 阅读

相关好看html表格table样式

<style type="text/css"> table{ border-collapse:collapse; tabl

悠悠/ 2021年11月09日 23:34/ 0 赞/ 3400 阅读

相关 HTML table表格结构

表格基本上有如下几个标签构成: （1）.`<table>`标签用来创建表格的外部框架。（2）.`<tr>`标签用来创建表格的行。

小灰灰/ 2020年05月16日 20:11/ 0 赞/ 994 阅读

相关 HTML <table>表格概述

使用`<table>`可以创建一个表格，之前，表格会用来进行页面布局，但是由于嵌套过于复杂，不利于灵活布局和后期改版，当前已经鲜有使用，不要认为它已经被淘汰，而是被用来...

小灰灰/ 2020年05月16日 20:07/ 0 赞/ 980 阅读