修改了下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. canvas学习相关的一点东西

    <!DOCTYPE html> <html> <head> <style> canvas { border: 1px dashed black; } & ...

  2. linux 搭建https server （apache）

    一.  安装准备 1.    安装Openssl  要使Apache支持SSL,须要首先安装Openssl支持.这里使用的是openssl-0.9.8k.tar.gz    下载Openssl:htt ...

  3. 关于Android开发数据存储的方式（一）

    关于Android开发数据存储方式(一) 在厦门做Android开发也有两个月了,快情人节了.我还在弄代码. 在微信平台上开发自己的APP,用到了数据存储的知识,如今总结一下: 整体的来讲.数据存储方 ...

  4. jenkins+jmeter+ant+jmeter在Jenkins上报告

    1.jmeter+ant 参考 http://www.cnblogs.com/dieyaxianju/p/8268802.html 2.在jenkins上配置 3.执行成功 4.配置报告  参考 下载 ...

  5. 转：Java阳历转农历

    package cloud.app.prod.home.utils; import java.text.ParseException; import java.text.SimpleDateForma ...

  6. Extjs grid 设置行字体颜色

    CustSuppGrid = Ext.create('Ext.grid.Panel', { title : '', // 标题头 iconCls : 'icon-grid', // 标题图标 stor ...

  7. samba笔记

    ############ 1.安装网络yum ############ 2.安装createrepo [root@localhost ~]# yum install createrepo-0.9.8- ...

  8. Tool-Java：Spring Tool Suite

    ylbtech-Tool-Java:Spring Tool Suite Spring Tool Suite 1.返回顶部   2.返回顶部   3.返回顶部   4.返回顶部   5.返回顶部 0. ...

  9. Sequence(优先队列)

    http://poj.org/problem?id=2442 题意:给你n*m的矩阵,然后每行取一个元素,组成一个包含n个元素的序列,一共有n^m种序列, 让你求出序列和最小的前n个序列的序列和. # ...

  10. Android Gradle 学习笔记（七）：Android Gradle 插件

    我们知道Android Gradle其实就是一个Gradle的一个第三方插件,它是由Google的Android团队开发的,基于Gradle构建的,和Android Studio完美搭配.相比于旧的构 ...