修改了下HTML页面样式

页面代码

  1.         <!DOCTYPE html>
  2.         <html lang="en">
  3.         <head>
  4.             <meta charset="UTF-8">
  5.             <title>自动化测试报告</title>
  6.             <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
  7.             <h2 style="font-family: Microsoft YaHei">自动化测试报告</h2>
  8.             <p class='attribute'><strong>测试结果 : </strong> 共 10，通过 9，失败 1</p>
  9.             <style type="text/css" media="screen">
  10.         body  { font-family: Microsoft YaHei,Tahoma,arial,helvetica,sans-serif;padding: 20px;}
  11.         td {text-align:center}
  12.         th {text-align:center}
  13.         </style>
  14.         </head>
  15.         <body>
  16.             <table id='result_table' class="table table-condensed table-bordered table-hover" >
  17.                 <colgroup>
  18.                     <col align='left' />
  19.                     <col align='right' />
  20.                     <col align='right' />
  21.                     <col align='right' />
  22.                 </colgroup>
  23.                 <tr id='header_row' class="text-center success" style="font-weight: bold;font-size: 14px;">
  24.                     <th width="25%">客户端及版本</th>
  25.                     <th width="25%">通过率%</th>
  26.                     <th width="25%">开始时间</th>
  27.                     <th width="25%">结束时间</th>
  28.                 </tr>
  29.  
  30.         <tr class='failClass warning'>
  31.             <td > 3.8.8</td>
  32.             <td>99</td>
  33.             <td>2019-04-17 20:21:27</td>
  34.             <td>2019-04-17 20:21:27</td>
  35.         </tr>
  36.             </table>
  37.         <!-- 执行模块 -->
  38.         <p class='attribute'><strong>测试详情 : </strong> 执行结果</p>
  39.             <table id='result_table' class="table table-condensed table-bordered table-hover">
  40.                 <colgroup>
  41.                     <col align='left' />
  42.                     <col align='right' />
  43.                     <col align='right' />
  44.                     <col align='right' />
  45.                 </colgroup>
  46.                 <tr id='header_row' class="text-center success" style="font-weight: bold;font-size: 14px;">
  47.                     <th colspan="2">业务模块</th>
  48.                     <th>用例总数</th>
  49.                     <th>通过数</th>
  50.                     <th>状态</th>
  51.                 </tr>
  52.                  <tr id='header_row' class="text-center success" style="font-weight: bold;font-size: 14px;">
  53.                     <th width="20%"></th>
  54.                     <th width="20%">模块1</th>
  55.                     <th width="20%">10</th>
  56.                     <th width="20%">8</th>
  57.                     <th width="20%"><font color="green">PASS</font></th>
  58.                 </tr>                           
  59.  
  60.         <tr class='failClass warning'>
  61.             <td></td>
  62.             <td>3.8.8</td>
  63.             <td>100</td>
  64.             <td>90</td>
  65.             <td><font color="green">PASS</font></td>
  66.         </tr>
  67.                  <tr id='header_row' class="text-center success" style="font-weight: bold;font-size: 14px;">
  68.                     <th width="20%"></th>
  69.                     <th width="20%">模块2</th>
  70.                     <th width="20%">10</th>
  71.                     <th width="20%">8</th>
  72.                     <th width="20%"><font color="#FF0000">Fail</font></th>
  73.                 </tr>                           
  74.  
  75.         <tr class='failClass warning'>
  76.             <td></td>
  77.             <td>3.8.8</td>
  78.             <td>100</td>
  79.             <td>90</td>
  80.             <td><font color="#FF0000">Fail</font></td>
  81.         </tr>        
  82.  
  83.             </table>        
  84.  
  85.         </body>
  86.         </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. scp and tar

    scp 命令随记 scp file username@remoteIp:directory 创建tar包 tar zcvf file.tar.gz directory tar zcvf hadoop. ...

  2. Swift基础(类,结构体,函数)

    import Foundation // 创建一个类 class Student { // 属性(类的属性必须赋初值,如果不赋值,需要写自定义方法) var studentName: String v ...

  3. Android 线程 Looper.prepare()、Looper.loop() 使用

    优化项目过程中发现了一个非常Low的问题,整理一下.备忘: 说问题之前先看下HandlerThread的定义 一个封装了looper的线程:   Looper用于封装了android线程中的消息循环. ...

  4. 【Linux】Linux下配置apache

    一.获取软件: http://httpd.apache.org/   httpd-2.4.10.tar.gz 二.安装步骤: 解压源文件: 1) tar zvxf  httpd-2.4.10.tar. ...

  5. mysql数据库操作（3）

    1.在查询结果中不显示重复记录 查询时不显示重复记录主要应用了 DISTINCT 关键字,该关键字用于删除重复记录. 在实现查询操作时,如果查询的选择列表中包含一个表的主键,那么每个查询中的记录都将是 ...

  6. CSS3 中弹性盒模型--容器的属性

    1.display : flex | inline-flex注意,设为 Flex 布局以后,子元素的float.clear和vertical-align属性 将失效. 2.flex-direction ...

  7. ROS-URDF-物理属性

    前言:介绍向连杆添加碰撞和惯性属性,以及向关节添加动力学. 参考自:http://wiki.ros.org/urdf/Tutorials/Adding%20Physical%20and%20Colli ...

  8. α&β测试的定义及结束的标准

    α测试在系统开发接近完成时对应用系统的测试:测试后仍然会有少量的设计变更.这种测试一般由最终用户或其他人员完成,不能由程序或测试员完成. β测试当开发和测试根本完成时所做的用例,最终的错误和问题需要在 ...

  9. vue vuex初学基础 常见错误解决方式

    前端界面使用篇 vue生命周期初始化事件 http://www.cnblogs.com/lily1010/p/5830946.html 常见错误篇 1 Newline required at end ...

  10. 【Android】实例 忐忑的精灵

    在Android Studio中创建项目,名称为“Animation And Multimedia”,然后在该项目中创建一个Module,名称为“Frame-By-Frame Animation”.在 ...