tab切换 js代码方法实现

最新推荐文章于 2023-09-01 16:34:23 发布

VIP文章 S_1978P1

最新推荐文章于 2023-09-01 16:34:23 发布

阅读量997

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/S_1978P1/article/details/82348120

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>tab切换</title>
		<style type="text/css">
/*			table tr td{
				width: 200px;
				height: 20px;
				background-color: aqua;
				color: brown;
				text-align: center;
			}*/
			
			#box{
				width: 600px;
				/*box-sizing:border-box;*/
				border: 1px solid #000;
				background-color: #999;
				
			}
			#header{
				width: 600px;
			}
			.d1,.d2,.d3{
				width: 600px;
				height: 300px;
				background-color: burlywood;
				text-align: center;
				line-height: 300px;
				display: none;
				
			}	
			.d2{
				background-color: coral;
			}
			.d3{	
				background-color: deepskyblue;
			}
			#header input{
			box-sizing:border-box;
				width: 196px;
				height: 100px;
				margin: 0;
					
			}
			
		</style>
	</head>
	<body>
		
			<!--<table>
				<tr>
					<td>1</td>
					<

最低0.47元/天解锁文章

S_1978P1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
tab切换 js代码方法实现

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;tab切换&lt;/title&gt; &lt;style type="text/css"&gt;/* table tr td{ width: 200
复制链接

扫一扫