修改了下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. hibernate之多对多映射

    目录 第一章 多对多的应用场景 第二章 多对多的映射配置案例 2-1 创建项目和表 2-2 创建持久化类和映射文件 2-3 配置映射文件 2-4 测试 第三章 总结 源码地址:https://gith ...

  2. [转]十五天精通WCF——第十三天 用WCF来玩Rest

    在我们玩wcf的时候,都会潜意识的觉得wcf就是通过soap协议交换消息的,并且可以在basic,tcp,msmq等等绑定中任意切换, 牛逼的一塌糊涂,但是呢,如果说哪一天wcf不再使用soap协议, ...

  3. MRO 方法解释顺序

    MRO是用在多重继承中的.考虑这种情况,整个环境中父类是两个 P1,P2 子类是两个 C1,C2 而 孙子类是G1. 我们知道 G1会从 P1,P2,C1,C2中继承属性,但是如果有多个属性重名,那么 ...

  4. HDU 4183 Pahom on Water(最大流SAP)

    Pahom on Water Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) T ...

  5. 《Java课程实习》日志（周二）

    import java.awt.EventQueue; import javax.imageio.ImageIO; import javax.swing.JFrame; import javax.sw ...

  6. HDU 5294 Tricks Device（多校2015 最大流+最短路啊）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5294 Problem Description Innocent Wu follows Dumb Zha ...

  7. 霸气側漏的HTML5--之--强大的form表单

    今天学习了一下html5,发现他真的太强大了,暂不说新增的画布,通信,本地存储等的炸天功能,就连表单也是异常的好用.忍不住发一篇博客和大家分享一下.原谅我标题党了.以后的html5的学习记录博文就以& ...

  8. 2014.8.12－AKKA和Actor model 分布式开发环境学习小结

    学习使用AKKA 断断续续有一年了. 眼下还是习惯用java来写akka以下的程序.对于原生的scala还是没有时间和兴趣去学习它. 毕竟学习一门语言须要兴趣和时间的. AKKA学习资源还是不算丰富. ...

  9. Color a Tree HDU - 6241

    /* 十分巧妙的二分 题意选最少的点涂色 使得满足输入信息: 1 x的子树涂色数不少于y 2 x的子树外面涂色数不少于y 我们若是把2转化到子树内最多涂色多少 就可以维护这个最小和最大 如果我们二分出 ...

  10. bzoj4373 算术天才⑨与等差数列——线段树+set

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4373 一个区间有以 k 为公差的数列,有3个条件: 1.区间 mx - mn = (r-l) ...