zoukankan      html  css  js  c++  java
  • 制作一个漂亮的表格

    <html>
    <head>
    <style type="text/css">
    #customers
      {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      100%;
      border-collapse:collapse;
      }
    
    #customers td, #customers th 
      {
      font-size:1em;
      border:1px solid #98bf21;
      padding:3px 7px 2px 7px;
      }
    
    #customers th 
      {
      font-size:1.1em;
      text-align:left;
      padding-top:5px;
      padding-bottom:4px;
      background-color:#A7C942;
      color:#ffffff;
      }
    
    #customers tr.alt td 
      {
      color:#000000;
      background-color:#EAF2D3;
      }
    </style>
    </head>
    
    <body>
    <table id="customers">
    <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
    </tr>
    
    <tr>
    <td>Apple</td>
    <td>Steven Jobs</td>
    <td>USA</td>
    </tr>
    
    <tr class="alt">
    <td>Baidu</td>
    <td>Li YanHong</td>
    <td>China</td>
    </tr>
    
    <tr>
    <td>Google</td>
    <td>Larry Page</td>
    <td>USA</td>
    </tr>
    
    <tr class="alt">
    <td>Lenovo</td>
    <td>Liu Chuanzhi</td>
    <td>China</td>
    </tr>
    
    <tr>
    <td>Microsoft</td>
    <td>Bill Gates</td>
    <td>USA</td>
    </tr>
    
    <tr class="alt">
    <td>Nokia</td>
    <td>Stephen Elop</td>
    <td>Finland</td>
    </tr>
    
    
    </table>
    </body>
    </html>
  • 相关阅读:
    zookeeper3.5.6单机集群环境搭建
    mycat分表
    myacat分片及全局表定义
    装饰器
    函数参数,作用域
    可变,不可变,无序, 有序
    dict
    列表可变,元祖不可变
    列表操作
    字符串find
  • 原文地址:https://www.cnblogs.com/fengjian2016/p/5314300.html
Copyright © 2011-2022 走看看