css border-spacing属性
翻译结果:
border
英 [ˈbɔ:də(r)] 美 [ˈbɔ:rdə(r)]
n.边界;边;镶边;包边
vt.& vi.与…接界,在…的边上
vt.沿…的边,环绕…,给…镶边
vi.近似,毗邻
spacing
英 [ˈspeɪsɪŋ] 美 [ˈspesɪŋ]
n.间隔,间距;跨距;疏密;留间隔
css border-spacing属性语法
作用:border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。
说明:该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中,第一个是水平间隔,第二个是垂直间隔。除非 border-collapse 被设置为 separate,否则将忽略这个属性。尽管这个属性只应用于表,不过它可以由表中的所有元素继承。
注释:某些版本的IE浏览器不支持此属性。所有主流浏览器都支持 border-spacing 属性。如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 border-spacing 属性。
css border-spacing属性示例
<!DOCTYPE> <html> <head> <style type="text/css"> table.one { border-collapse: separate; border-spacing: 10px } table.two { border-collapse: separate; border-spacing: 10px 50px } </style> </head> <body> <table class="one" border="1"> <tr> <td>Adams</td> <td>John</td> </tr> <tr> <td>Bush</td> <td>George</td> </tr> </table> <br /> <table class="two" border="1"> <tr> <td>Carter</td> <td>Thomas</td> </tr> <tr> <td>Gates</td> <td>Bill</td> </tr> </table> <p><b>注释:</b>php中文网</p> </body> </html>
点击 "运行实例" 按钮查看在线实例