• 技术文章 >web前端 >css教程

    css如何实现表格实线

    尚2019-07-22 15:20:43原创3946

    利用在css设置表格实线:

    代码如下:

    table{
    border-collapse:collapse;   /*表示将单元格中各小格之间的空隙进行合并*/
    border:1px #00F solid;      /*定义边框样式*/
    }

    示例:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>无标题页</title>
    <style>
    table {
     border-collapse: collapse; 
    } 
    table td {
        border:1px solid #fff000;
    }
    </style>
    </head>
    <body>
     <table cellpadding="0">
         <tr>
            <td>First</td>
            <td>Second</td>
            <td>Three</td>
         </tr>
         <tr>
            <td>第一</td>
            <td>第二</td>
            <td>第三</td>
         </tr>
     </table>
    </body>
    </html>

    结果如下:

    1.jpg

    更多CSS相关技术文章,请访问CSS教程栏目进行学习!

    以上就是css如何实现表格实线的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:box-sizing属性是什么 下一篇:css样式属性是什么
    PHP编程就业班

    相关文章推荐

    • css动画用什么规则• 清除浮动的css写法有哪些• bootstrap css冲突吗• dedecms分页css文件在哪

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网