失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > div+css:表格边框间距属性border-spacing【HTML】

div+css:表格边框间距属性border-spacing【HTML】

时间:2019-11-27 03:09:28

相关推荐

div+css:表格边框间距属性border-spacing【HTML】

web前端|html教程

div+css:表格边框间距属性border-spacing

web前端-html教程

表格边框间距属性(border-sapcing)用来定义表格中独立边框之间的间距。在表格边框间距属性中,使用的属性值是长度值。其语法如下所示。

border-spacing:length;

****************************************************************

注意:当在表格边框合并属性中使用合并显示值(collapse)的时候,使用表格边框间距属性将不起作用。IE浏览器并不支持表格边框间距属性,只有在Firefox等浏览器中,才能够显示出间距的正常效果。

****************************************************************

范例:一个使用表格边框间距属性的实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

“/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

css属性实例

c 网络编程源码,单片机搭建vscode,ubuntu上手体验,tomcat 文件被占用,爬虫寻找url,php 默认内存,天津创新seo优化哪家便宜,关于主题的网站,模板绑定顶级域名lzw

.table1

{

border-spacing:20px;

border-collapse:separate;

}

.table2

{

border-spacing:20px;

border-collapse:collapse;

}

table

{

border:2px solid #000000;

margin:0 0 20px 0;

}

td

{

border:1px solid #999999;

width:200px;

height:80px;

}

卖军工源码犯法吗,ubuntu中文设置字体,tomcat 请求 20s,html爬虫工具,php些网站,seo网络营销是怎么做的lzw

微信导航源码,ubuntu不能使用,tomcat7核查方法,爬虫scrapy使用,php怎么开发接口,行唐信息化seo技术要多少钱lzw

以上的代码中分别定义了两个两行两列的表格。在第一个表格中,定义边框合并属性值为独立显示,并且定义了表格边框间距属性值为20px。在第二个表格中,定义了基本相同的属性,只有表格边框合并属性值为合并显示。另外还定义了表格的边界属性,目的是将表格之间分隔一段距离。

如果觉得《div+css:表格边框间距属性border-spacing【HTML】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。