CSS控设置Table示例

最新推荐文章于 2024-10-05 17:10:47 发布

lutinghuan

最新推荐文章于 2024-10-05 17:10:47 发布

阅读量1.4k

点赞数

分类专栏： DIV+CSS 文章标签： table css border .net

本文链接：https://blog.csdn.net/lutinghuan/article/details/5671486

版权

DIV+CSS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html><head><title>HTML Table</title></head> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> TABLE { background: blue; border-collapse: separate; /*设定了表格的边框模型*/ border-spacing: 10pt; /*边框间距*/ border-top: 15px solid red; /*顶部边框:15像素,实线,红色*/ border-left: 15px solid red; /*左边框*/ border-right: 5px dashed black;/*右边框:5像素,虚线,黑色*/ border-bottom: 10px dashed blue; /*底部边框*/ } TD, TH {/*定义单元格,行的样式*/ background: white; border: outset 5pt; horizontal-align: right; } CAPTION { /*定义表格标题的样式*/ border: ridge 5pt blue; border-top: ridge 10pt blue; } </style> <body> <table summary="jb51.net - Tables and CSS"> <caption>First Quarter Sales</caption> <thead> <tr> <thabbr="salesperson" scope="col">Person</th> <thabbr="sales" scope="col">Sales</th> </tr> </thead> <tbody> <tr> <td>Mr. Jin</td> <td>600.00</td> </tr> <tr> <td>Mr. Jones</td> <td>0000.00</td> </tr> <tr> <td>Ms. Williams</td> <td>0000.00</td> </tr> </tbody> <tfoot> <tr> <td colspan="2">Let's sale, sale, sale!</td> </tr> </tfoot> </table> </body> </html>