CSS制作边框表格

<style type="text/css">
table{        /*定义table标记*/
    border: 1px solid #0033FF;        /*表格标记的边框线条宽度,样式,颜色*/
    }
td.title{        /*后代选择器,在单元格标记td里面,类标记title*/
    border-bottom: 1px dashed #0066FF;        /*下边框的宽度、样式、颜色*/
    }    
</style>

<table width="168" cellpadding="3" cellspacing="8">        <!--table宽度168px,单元格边距(表格填充)(cellpadding),单元格间距(表格间距)(cellspacing)-->
    <tr><td class="title">示例001</td></tr>        <!--后代选择器,下边框为虚线-->
    <tr><td class="title">示例002</td></tr>        
</table>
posted @ 2012-05-06 18:18  roytanlu  阅读(189)  评论(0编辑  收藏  举报