推荐一个好看Table表格的css样式代码详解

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

源码

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样式代码详解的文章就介绍到这了,更多相关推荐一个好看Table表格的css样式内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

• VC使用TerminateProcess结束进程实例
• C++ ostream用法案例详解
• C语言中栈的两种实现方法详解
• Java AbstractMethodError原因案例详解
• C语言操作符基础知识图文详解
• C# Console.WriteLine()用法案例详解
• C语言 OutputDebugString与格式化输出函数OutputDebugPrintf案例详解
• C语言 TerminateProcess函数案例详解

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！