修改了下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. [bzoj4066/2683]简单题_KD-Tree

    简单题 bzoj-4066 题目大意:n*n的棋盘,开始为均为0,支持:单点加权值,查询矩阵权值和,强制在线. 注释:$1\le n\le 5\cdot 10^5$,$1\le m \le 2\cdo ...

  2. HDU 4532

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

  3. Delphi春天将来临，Android遇到XE7我也是醉了，Hello World

    回首往日,从Delphi 7走到如今.总感觉不愠不火.期间论坛倒掉无数,没倒掉的也半死不活,大批的程序猿转向C#,Java,PHP. Delphi的开发高效有目共睹,一直不忍放弃.Delphi以前一夜 ...

  4. 从头认识java-15.6 队列（Queue）

    这一章节我们来讨论一下队列(Queue). 1.什么是队列? 队列是一种特殊的线性表,特殊之处在于它仅仅同意在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样.队列是 ...

  5. 使用golang来设计我们的Ubuntu Scope

    我们知道golang越来越被非常多的开发人员来开发应用.go语言也能够用于开发Ubuntu Scope. 在今天的教程中.我们将具体介绍怎样使用go语言来开发我们的Scope.这对于非常多的不太熟悉C ...

  6. VCenter中嵌套openstack VM不能ping通外部网络问题解决的方法

    问题描写叙述: 近期搭建了vCenter环境,并使用vCenter创建的VM搭建了一套openstack环境.在验证openstack的外网功能时.发现报文死活ping不通外网,抓包发现报文在vcen ...

  7. linux更改gitlab存储位置

    更改仓库存储位置默认时GitLab的仓库存储位置在“/var/opt/gitlab/git-data/repositories”,在实际生产环境中显然我们不会存储在这个位置,一般都会划分一个独立的分区 ...

  8. Oracle学习（12）：存储过程，函数和触发器

    存储过程和存储函数 l存储在数据库中供全部用户程序调用的子程序叫存储过程.存储函数. 注意:存储过程与存储函数声明变量时,用的是as   而不是declare 存储过程与存储函数差别 存储过程不带有返 ...

  9. 配置Java连接池的两种方式：tomcat方式以及spring方式

    1. tomcat方式:在context.xml配置连接池,然后在web.xml中写配置代码(也能够在server.xml文件里配置连接池).这两种方法的差别是:在tomcat6版本号及以上中cont ...

  10. Appium + python -always_allows弹窗

    from appium import webdriverfrom selenium.webdriver.support.ui import WebDriverWaitfrom selenium.web ...