zoukankan      html  css  js  c++  java
  • css学习4---css控制表格

    html如下;

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> tableTest </TITLE>

      <style>
         .dataList{
             border:1px solid #0058a3;
       font-family:Arial;
       border-collapse:collapse;
       background-color:#eaf5ff;
       font-size:14px;
       }
       .dataList caption{
             padding-bottom:5px;
       font:bold 1.4em;
       text-align:left;
       }
       .dataList th{
             border:1px solid #0058a3;
       background-color:#4bacff;
       color:#ffffff;
       font-weight:bold;
       padding-top:4px;
       padding-bottom:4px;
       padding-right:12px;
       padding-left:12px;
       }
       .dataList td{
             border:1px solid #0058a3;
          text-align:left;
       padding-top:4px;
       padding-bottom:4px;
       padding-right:10px;
       padding-left:10px;
       }

      </style>
      <script >
        
      </script>
     </HEAD>

     <BODY>
      <table id="table" class="dataList" >
             <caption>表格测试</caption>
             <tr><th>姓名</th><th>年龄</th><th>手机</th><th>地址</th></tr>
          <tr><td>张三</td><td>22</td><td>22</td><td>杭州市西湖区</td></tr>
          <tr><td>李四</td><td>33</td><td>33</td><td>33</td></tr>
          <tr><td>王五</td><td>44</td><td>44</td><td>44</td></tr>

      </table>
     </BODY>
    </HTML>

    最后的控制效果如下:

    css学习4---css控制表格 - 张自强 - 记录在编程世界里成长的历程

    不同浏览器的区别:

    ff/IE8/IE7/IE6
    .a {color:#f00; color:#f609;    +color:#00FF00;    _color:#0000FF; }

  • 相关阅读:
    Step one : 熟悉Unix/Linux Shell 常见命令行 (三)
    Step one : 熟悉Unix/Linux Shell 常见命令行 (一)
    PLAN: step one
    PLAN : 入门题目 ( update )
    SZU : A11 Sequence
    SZU:B85 Alec's Eggs
    codeforces 518B. Tanya and Postcard 解题报告
    BestCoder8 1001.Summary(hdu 4989) 解题报告
    hdu 1556.Color the ball 解题报告
    codeforces 515C. Drazil and Factorial 解题报告
  • 原文地址:https://www.cnblogs.com/alaricblog/p/3278309.html
Copyright © 2011-2022 走看看