好看的table css样式

漂亮的table表格样式css源码漂亮的table表格样式

css源码

<head><title></title><style type="text/css">table{border-collapse: collapse;margin: 0 auto;text-align: center;}table td, table th{border: 1px solid #cad9ea;color: #666;height: 30px;}table thead th{background-color: #CCE8EB;width: 100px;}table tr:nth-child(odd){background: #fff;}table tr:nth-child(even){background: #F5FAFA;}</style>
</head>
<body><table width="90%" class="table"><caption><h2>车间能源消耗比例</h2></caption><thead><tr><th>车间</th><th>产量</th><th>电量</th><th>单耗</th></tr></thead><tr><td>109</td><td>13</td><td>1.34</td><td>213</td></tr><tr><td>109</td><td>13</td><td>1.34</td><td>213</td></tr><tr><td>109</td><td>13</td><td>1.34</td><td>213</td></tr><tr><td>109</td><td>13</td><td>1.34</td><td>213</td></tr><tr><td>109</td><td>13</td><td>1.34</td><td>213</td></tr><tr><td>109</td><td>13</td><td>1.34</td><td>213</td></tr></table>
</body>
</html>

好看的table css样式相关推荐

html table 好看样式,好看的Table CSS 样式表
坏狼安全网-漂亮CSS Tables body { font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica ...
html好看的按钮css样式大全,css3教程_五种漂亮样式，CSS3动画按钮效果
CSS代码: .button01 { width: 200px; margin: 50px auto 20px auto; } .button01 a { display: block; height ...
html中表格边框好看的样式,table完美css样式 table表格边框样式
蕃薯耀2016年6月15日星期三一.的css样式边框线不会重复叠加,不会有些粗有些细,全部统一. /**/ -{ /*-moz--; --border-radius:5px; border-rad ...
四个好看的CSS样式表格
原文地址为: 四个好看的CSS样式表格 1. 单像素边框CSS表格这是一个很常用的表格样式. 源代码: <!-- CSS goes in the document HEAD or added ...
基于HTTP浏览器缓存机制全面解析看Table表格的css样式代码详解
文章来源: 学习通http://www.bdgxy.com/ 普学网http://www.boxinghulanban.cn/ 智学网http://www.jaxp.net/ 漂亮的table表格样式 ...
四款好看实用的CSS表格样式分享
文章参考: https://www.w3cschool.cn/css/css-sfrk2opy.html https://www.php.cn/css-tutorial-375461.html htt ...
CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...
Vue中使用纯CSS样式设计Table横向竖向滚动自定义个别列固定
在Vue中CSS样式来设计Table横向竖向滚动自定义个别列表头固定前言一.表格数据二.样式设计 1.表格与外层DIV样式 2.固定表头的样式(重要) 总结前言大家一定使用过很多UI,UI都 ...
html表格居中设置css样式,css怎么设置table居中？
一般情况下,页面中可以利用align进行页面的居中.靠左或者靠右对齐,但是采用CSS样式表来做更简单一些,下面我们来看一下使用css设置table居中的方法. css设置居中的方法: 1.利用marg ...

好看的table css样式

好看的table css样式相关推荐

最新文章

热门文章