修改了下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>

html 报告页面样式的更多相关文章

  1. html 报告页面 v1.2 批量数据生成表格

    html 报告页面 v1.2 批量数据生成表格 上代码: <!DOCTYPE html> <html lang="en"> <head> < ...

  2. httprunner学习21-extentreports页面样式无法加载问题(已解决)

    前言 最近有小伙伴反应使用httprunner的extentreports报告时,打开的页面样式全部丢失了,原本高大上的报告变成了丑八怪. 顿时心都凉了一大截,要是让领导看到了,这个月领导不给加鸡腿了 ...

  3. Latex 页面样式

    LATEX支持三种预定义的页眉/页脚(header/footer)样式,称为页面样式(pagestyle).如下命令: \pagestyle{style} 中的style参数确定了使用哪一种页面样式. ...

  4. Flex中使用CSS控制页面样式

    Using file: Stylebounding.mxml Stylebounding2.mxml myCSS0329.css 在Flex4中使用CSS控制样式,既可以直接在MXML文件中写样式,也 ...

  5. Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小（无人值守，节约测试成本的福音，BOSS 最爱）

    在 Web UI 自动化测试的过程中,通常会测试页面在不同分辨率下的显示效果,即在不同大小的显示器上全屏浏览器后的页面展示,此种测试方法需要购置不同大小的显示器,或者频繁的设置屏幕分辨率,不仅浪费了大 ...

  6. iframe ios中h5页面 样式变大

    实际项目开发中,iframe在移动设备中使用问题还是很大的,说一说我的那些iframe坑 做过的这个后台管理框架,最开始的需求是PC,但随着业务需要,需要将项目兼容到ipad,后台的框架也是使用的开源 ...

  7. django admin页面样式丢失问题

    wamp 配置django admin页面样式丢失问题 第一种方法:在apache配置文件httpd.conf中加入如下代码:Alias /static "E:\Python27\Lib\s ...

  8. s:actionmessage页面样式失效

    1,  s:actionmessage页面样式失效: 2,解决方式: 将样式直接写入s:actionmessage标签中:<span><s:actionmessage cssSt ...

  9. 前端（十二）—— JavaScript基础操作：if语句、for循环、while循环、for...in、for...of、异常处理、函数、事件、JS选择器、JS操作页面样式

    JavaScript基础操作 一.分支结构 1.if语句 if 基础语法 if (条件表达式) { 代码块; } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通 ...

随机推荐

  1. Java web如何定位工程路径

    一 项目路径的获得 System.getProperty("user.dir"); 可以获得当前用户的工作目录,即在哪个地方启动的java程序,返回就是当前目录 二 web项目根目 ...

  2. F2BPM中关于工作流引擎驳回设计

    1.1 关于驳回 驳回,在有的应用中叫“回退”.驳回是中国特色的一种方式,驳回在流程图上也没有迁移线的表达经常也是隐性的,比如申请经费可能由于资料不足被驳回来补充资料,像这样的例子有非常多,也很常见. ...

  3. MySQL Master High Available 理论篇(二)

  4. CF #324 DIV2 C题

    #include <iostream> #include <cstdio> #include <cstring> #include <algorithm> ...

  5. HDU 4362

    方程很简单 p[i][j] = min{dp[i-1][k] + |pos[i-1][k] - pos[i][k]|} + v[i][j]; 循环求值肯定TLE,主要是绝对值不方便.好吧,我真的BI了 ...

  6. 大学，助你成长or 让你堕落？

    不管是论坛.贴吧.还是博客,都或多或少能够看到诸如对大学教育的反思.抨击之类的文章.至于什么是大学,大学又该怎样度过.大学是助你成长还是让你堕落了?我想这应该是一个见仁见智的问题.作为一个过来人,结合 ...

  7. 通过telent、php深入了解http协议

    HTTP协议:简单点就是client怎么问.server如何答. 重要性:webservice 还是rest做大型架构都离不开对http协议的认识,甚至能够简化的说webservice =  http ...

  8. bootstrap简单form表单样式-form-horizontal

    jsp代码: <div id="content" style="background-color: white;"> <form class= ...

  9. C++虚函数默认实参的注意事项

    我们都知道当成员函数是虚函数的时候,函数调用取决于调用函数的对象的类型而不是指针或者应用的类型.这就是C++中的多态. 那么一个虚函数的实参的缺省值是什么呢?例如如下代码: #include < ...

  10. poj 3662 Telephone Lines（最短路+二分）

    Telephone Lines Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6973   Accepted: 2554 D ...