zoukankan      html  css  js  c++  java
  • Css制作table细线表格

    http://www.kuqin.com/webpagedesign/20080312/4405.html





    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>Css制作table细线表格</title>
    <style type="text/css" media="screen">
    <!-- /* PR-CSS */
    table {
    border-collapse:collapse; /* 关键属性:合并表格内外边框(其实表格边框有2px,外面1px,里面还有1px哦) */
    border:solid #999; /* 设置边框属性;样式(solid=实线)、颜色(#999=灰) */
    border-1px 0 0 1px; /* 设置边框状粗细:上 右 下 左 = 对应:1px 0 0 1px */
    }
    table caption {font-size:14px;font-weight:bolder;}
    table th,table td {border:solid #999;border-0 1px 1px 0;padding:2px;}
    tfoot td {text-align:center;}
    -->
    </style>
    </head>
    <body>
    <table>
    <caption>表格头</caption>
    <thead>
    <tr><th>名称</th><th>网址</th><th>时间</th></tr>
    </thead>
    <tfoot>
    <tr><td colspan="3">下一页</td></tr>
    </tfoot>
    <tbody>
    <tr><th>百度</th><td>http://www.baidu.com</td><td>2007.01.11</td></tr>
    <tr><th>百度</th><td>http://www.baidu.com</td><td>2007.01.11</td></tr>
    <tr><th>百度</th><td>http://www.baidu.com</td><td>2007.01.11</td></tr>
    </tbody>
    </table>
    </body>
    </html>



  • 相关阅读:
    测试之美-1
    杯子测试
    性能面试(四)
    性能面试(二)
    性能面试(三)
    性能面试(一)
    解决用户名冲突
    版本冲突
    JQuery Easy UI 简介
    Fork
  • 原文地址:https://www.cnblogs.com/lexus/p/2140336.html
Copyright © 2011-2022 走看看