• html 报告页面样式


    修改了下HTML页面样式

    页面代码

            <!DOCTYPE html>
            <html lang="en">
            <head>
                <meta charset="UTF-8">
                <title>自动化测试报告</title>
                <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
                <h2 style="font-family: Microsoft YaHei">自动化测试报告</h2>
                <p class='attribute'><strong>测试结果 : </strong> 共 10,通过 9,失败 1</p>
                <style type="text/css" media="screen">
            body  { font-family: Microsoft YaHei,Tahoma,arial,helvetica,sans-serif;padding: 20px;}
            td {text-align:center}
            th {text-align:center}
            </style>
            </head>
            <body>
                <table id='result_table' class="table table-condensed table-bordered table-hover" >
                    <colgroup>
                        <col align='left' />
                        <col align='right' />
                        <col align='right' />
                        <col align='right' />
                    </colgroup>
                    <tr id='header_row' class="text-center success" style="font-weight: bold;font-size: 14px;">
                        <th width="25%">客户端及版本</th>
                        <th width="25%">通过率%</th>
                        <th width="25%">开始时间</th>
                        <th width="25%">结束时间</th>
                    </tr>
                    
            <tr class='failClass warning'>
                <td > 3.8.8</td>
                <td>99</td>
                <td>2019-04-17 20:21:27</td>
                <td>2019-04-17 20:21:27</td>
            </tr>
                </table>
            <!-- 执行模块 -->
            <p class='attribute'><strong>测试详情 : </strong> 执行结果</p>    
                <table id='result_table' class="table table-condensed table-bordered table-hover">
                    <colgroup>
                        <col align='left' />
                        <col align='right' />
                        <col align='right' />
                        <col align='right' />
                    </colgroup>
                    <tr id='header_row' class="text-center success" style="font-weight: bold;font-size: 14px;">
                        <th colspan="2">业务模块</th>
                        <th>用例总数</th>
                        <th>通过数</th>
                        <th>状态</th>
                    </tr>
                     <tr id='header_row' class="text-center success" style="font-weight: bold;font-size: 14px;">
                        <th width="20%"></th>
                        <th width="20%">模块1</th>
                        <th width="20%">10</th>
                        <th width="20%">8</th>
                        <th width="20%"><font color="green">PASS</font></th>
                    </tr>                           
                    
            <tr class='failClass warning'>
                <td></td>
                <td>3.8.8</td>
                <td>100</td>
                <td>90</td>
                <td><font color="green">PASS</font></td>
            </tr>
                     <tr id='header_row' class="text-center success" style="font-weight: bold;font-size: 14px;">
                        <th width="20%"></th>
                        <th width="20%">模块2</th>
                        <th width="20%">10</th>
                        <th width="20%">8</th>
                        <th width="20%"><font color="#FF0000">Fail</font></th>
                    </tr>                           
                    
            <tr class='failClass warning'>
                <td></td>
                <td>3.8.8</td>
                <td>100</td>
                <td>90</td>
                <td><font color="#FF0000">Fail</font></td>
            </tr>        
            
                </table>        
            
    
    
            
                
            </body>
            </html>
  • 相关阅读:
    Python_Openpyxl 浅谈(最全总结 足够初次使用)
    @requestMapping的produces和consumes属性
    JDK、CGLIB、Spring 三种实现代理的区别(三)Spring的ProxyFactory
    SpringBoot实现限制ip访问次数
    springboot过滤器禁止ip频繁访问
    工厂模式,简单工厂模式,抽象工厂模式三者有什么区别
    eclipse中git用本地或线上分支完全覆盖本地分支——reset
    Eclipse 中git插件文件冲突解决
    客名利
    Bootstrap3基础 栅格系统 页面布局随 浏览器大小的变化而变化
  • 原文地址:https://www.cnblogs.com/lisa2016/p/10730387.html
Copyright © 2020-2023  润新知