css 实现图片切换效果

1、html

<div class="content">
			<ul class="ee">
				<li>
					<a href="#con1">标题1</a>
					<p id="con1">
						<img src="bg1.jpg">
					</p>
				</li>
				<li>
					<a href="#con2">标题2</a>
					<p id="con2">
						<img src="bg2.jpg">
					</p>
				</li>
				<li>
					<a href="#con3">标题3</a>
					<p id="con3">
						<img src="bg3.jpg">
					</p>
				</li>
			</ul>
		</div>

2.、css

*{margin:0;padding:0;}
			ul li{list-style-type:none;}