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

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

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

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


	
		姓名
		年龄
	
	
		Peter
		20
	
	
		Lois
		20

姓名	年龄
Peter	20
Lois	20

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

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

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

table,th,td {
		border: 0;
	}

	
	
		
			
				姓名
				年龄
			
			
				Peter
				20
			
			
				Lois
				20

姓名	年龄
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教程的文章