zoukankan      html  css  js  c++  java
  • css 美化原生的table样式

    先看效果图

    对应的美化代码

    css

    <style>
        table.gridtable {
            font-family: verdana,arial,sans-serif;
            font-size:11px;
            color:#333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
        }
        table.gridtable th {
            border-width: 1px;
           padding: 13px 0px;
            border-style: solid;
            border-color: #666666;
            background-color: #DCDFE6;
        }
        table.gridtable td.left {
            width: 173px;
            border-width: 1px;
            padding: 13px 0px;
            border-style: solid;
            border-color: #DCDFE6;
            background: #f3f6f9;
            padding-right: 15px;
            text-align: right;
            line-height: 22px;
        }
        table.gridtable td.right {
            width: 775px;
            border-width: 1px;
            border-style: solid;
            border-color: #DCDFE6;
            padding-left: 17px;
            background: #FFFFFF;
            line-height: 22px;
        }
    </style>

     html

    <table class="gridtable">
                        <tr>
                            <td class="left">工程代码</td><td class="right">2108-440604-04-01-27</td>
                        </tr>
                        <tr>
                            <td class="left">业务表单</td><td class="right">项目审批事项征求意见信息表</td>
                        </tr>
                        <tr>
                            <td class="left">检查时间</td><td class="right">2021-07-06 14:40</td>
                        </tr>
                        <tr>
                            <td class="left">报错信息</td><td class="right">### Error updating database. Cause: com mysql jdbc.exceptions, jdbc. M Sqlintegrityconstraintviolationexception: Duplicate entry 202106230088 for key UN AEA HI APPLYINST CODE ##H The error may involve com.a ugurit. aplanmis common mapper. Aeahiapplyinstmapper insertaeahiappl yinst-inline #a The error occurred while setting parameters ## SQL: ins ert into AEA HI APPLYINST (APPLYINST ID, APPLYINST CODE, APPLYINST SOURCE, QUEUE NO, IS SERIES APPROVE, APPLYINST MEMO, APPLYINST STATE, ACCEPT TIME,END TIME, IS DELETED, CREATER, CREATE TIME,MODIFIER, MODIFY TIME, LINKMAN INFO ID, BRANCH ORG, APPLY SUBJECT, IS SERVICE COOPERATIVE IS SMS SEND SMS SEND TIME.ROOT O</td>
                        </tr>
    </table>

    作者:freddyhuang
    出处:https://www.cnblogs.com/freddyhuang
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    String、Stringbuilder、StringBuffer之间的练习与区别
    JAVA——重点非阻塞模型:NIO模型及IO操作步骤
    JAVA——IO模型分类
    SpringBoot(六) SpringBoot使用汇总(持续更新)
    Java高级(一) Future机制
    SpringBoot(二) 事务
    Java8(七) 新的DateTime API
    Java8(六) Optional
    Java8(五) 接口默认方法
    Java8(四) StreamAPI
  • 原文地址:https://www.cnblogs.com/freddyhuang/p/15407304.html
Copyright © 2011-2022 走看看