kavin

css怎么去除表格边框 css怎么去掉表格边框间隙

kavin web技术 2022-10-24 662浏览 0

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

这里有一个HTML文档,有一个表格

姓名 年龄
Peter 20
Lois 20

css怎么去除表格边框 css怎么去掉表格边框间隙

可以看出table有边框,那么如果要想去除表格边框,要怎么做?下面介绍几种方法。

方法1:给table、th、td元素添加border: 0;样式

table,th,td {
		border: 0;
	}

	
	
		
姓名 年龄
Peter 20
Lois 20

效果图:

css怎么去除表格边框 css怎么去掉表格边框间隙

方法2:给table、th、td元素添加border-style: none;样式

table,th,td {
		border-style: none;
	}

css怎么去除表格边框 css怎么去掉表格边框间隙

方法3:给table、th、td元素添加border: transparent;样式

table,th,td {
		border: transparent;
	}

css怎么去除表格边框 css怎么去掉表格边框间隙

继续浏览有关 css教程 的文章
发表评论