软件学堂

网游分类软件分类

css border-spacing属性(表格边框间距)

2012-11-25 来源:网络

【实例介绍】

css border-spacing属性(表格边框间距)

border-spacing属性设置相邻单元格边框间的距离。

【基本语法】

border-spacing:lenght

【语法介绍】

该属性指定单元格边界之间的距离。当只指定一个length值时,这个值将作用于横向和纵
向上的间距。当指定了两个length ff澍,第一个作用于横向间距,第二个作用于纵向间距。

【实例代码】

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <table bordercolor="#FF0000" width="200" border="1" style="border-spacing:20px;">   <tr>     <td>&nbsp;</td>     <td>&nbsp;</td>     <td>&nbsp;</td>   </tr>   <tr>     <td>&nbsp;</td>     <td>&nbsp;</td>     <td>&nbsp;</td>   </tr> </table> <p>&nbsp;</p> <table  bordercolor="#FF0000" width="200" border="1" cellspacing="5">   <tr>     <td>&nbsp;</td>     <td>&nbsp;</td>     <td>&nbsp;</td>   </tr>   <tr>     <td>&nbsp;</td>     <td>&nbsp;</td>     <td>&nbsp;</td>   </tr> </table> <p>&nbsp;</p> </body> </html>

【代码分析】

表格边框间距
 【素材及源码下载】

请点击:css border-spacing属性(表格边框间距) 下载本实例相关素材及源码

 

上一篇:css border-collapse属性(表格边框合并)
下一篇:css caption-side属性(表格标题位置)

相关文章