修改了下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. 基于zookeeper和强一致性复制实现MySQL分布式数据库集群

    http://qikan.cqvip.com/article/detail.aspx?id=667750898&from=zk_search

  2. .NET几大热点问题（.NET人员必读）

    下面收集了关于.NET几大热点问题及简要答案,防止我们回答问题不专业的尴尬.同一时候还将一些.NET资源的相关网址罗列一二. 一．什么是.Net?它主要包含什么?  .Net是为简化在第三代因特网的高 ...

  3. selenium清空默认文字

    默认输入框 鼠标点击上去还有文案 直接用 clear不可以

  4. POJ2599 A funny game (图博弈)

    题目链接:传送门 题意: 给定一个图,两个人从起点出发,轮流开飞机.当离开这个点后这个点 就不能使用了.假设轮到谁了谁不能飞了就输了. 必败状态非常好找,当一个人在位置s的时候与这个点相连的没有点能用 ...

  5. CF555B Case of Fugitive

    题目大意 有一些不相交线段和一些桥,桥可以架在两个相邻的线段上.求现有的桥是否可以使所有线段连通. 题解 在两个线段上架桥,桥的长度在一个范围内,相当于一个长度的区间,一个桥只有一个长度,相当于一个长 ...

  6. 浅谈EL与JSTL

    讲道理,自己在博大精深的Java世界里还只是一个很小很小的菜鸟.处于成长与学习之中,但学习一个漫长的过程.尤其对于那些知识点我觉得总结是尤为重要的.反正在我看来这段时间里虽然过了很多知识但却是一脸懵逼 ...

  7. Codeforces--629A--Far Relative’s Birthday Cake（暴力模拟）

    Far Relative's Birthday Cake Time Limit: 1000MS   Memory Limit: 262144KB   64bit IO Format: %I64d &a ...

  8. Codeforces--629B--Far Relative’s Problem（模拟）

    Far Relative's Problem Time Limit: 2000MS   Memory Limit: 262144KB   64bit IO Format: %I64d & %I ...

  9. 洛谷 P3953 [ NOIP 2017 ] 逛公园 —— 最短路DP

    题目:https://www.luogu.org/problemnew/show/P3953 主要是看题解...还是觉得好难想啊... dfs DP,剩余容量的损耗是边权减去两点最短路差值...表示对 ...

  10. selenium3 + python - alert_is_present定位

    from selenium import webdriverfrom selenium.webdriver.support.wait import WebDriverWaitfrom selenium ...