通过按钮切换显示的图片 规定不能使用js

默认显示第一张图片

菜鸟求解答啊 时间紧迫

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
		
			.big{
				width: 300px;
				height: 300px;
				text-align: center;
				border: solid 1px black;
				margin: 0 auto;
			}
			
			.cont{
				width: 300px;
				height: 270px;
			}
			
			.big nav {
				width: 300px;
				height: 30px;
				border-bottom: solid 1px black;
				
			}
			
			.big nav a{
				width: 100px;
				height: 30px;
				float: left;
				
				display: block;
				background: #ccc;
			    text-decoration: none;
				
				}
				
				
				
				.big nav a:hover{
					background: #ff0000;
				}
				
				
			#t1{width:300px ;
			height: 270px;
			float: left;
			background-image: url(img/7.jpg)
			}
			
			#t2{width:300px ;
			height: 270px;
			float: left;
			background-image: url(img/6.jpg)
			}
			
			
			#t3{width:300px ;
			height: 270px;
			float: left;
			background-image: url(img/8.jpg)
			}
			
			  
		</style>
		
		
	</head>
	<body>
		<div class="big">
			<nav>
			
				<a href="">按钮1</a>
				<a href="">按钮2</a>
				<a href="">按钮3</a>

			</nav>
			      <div id="t1" class="c2"></div>
			      <div id="t2" class="c2"></div>
			      <div id="t3" class="c3"></div>
		      </div>	
		</div>
		
	</body>
</html>
-

 

	<div class="big">
			<nav>
			
				<a href="#t1">按钮1</a>
				<a href="#t2">按钮2</a>
				<a href="#t3">按钮3</a>

			</nav>
			     <div style='overflow:hidden;height:270px;'>
						 <div id="t1" class="c2">11</div>
						 <div id="t2" class="c2">22</div>
						 <div id="t3" class="c3">33</div>
					 </div>
		      </div>	
		</div>

 

您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632