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
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    灵活修改页面控件
    玫瑰颜色各代表什么含义?
    转:TCP端口详解
    将数据导出成text文件
    将.net布署在运行Apache服务器上
    在多线程下请注意代码的安全
    OpenWrt 设置IP地址
    WordPress 内存缓存加速插件:Batcache
    PVE 开启https 及免费SSL证书申请
    获取OpenWrt mac地址
  • 原文地址:https://www.cnblogs.com/freddyhuang/p/15407304.html
Copyright © 2011-2022 走看看