仿京东“特色购” 一份残破的代码，待完善

由于课程上和现在的京东界面不同，没能再现出来，现在写不了

留做以后写吧

```html
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
			
			li{
				list-style: none;
				width:323px;
				height: 272px;
				margin: 0 10px 10px 0;
			}
			
			
			.head{
				width: 289px;
				height: 50px;
				background-color: white;
				/* margin: 0 auto; */
				float: left;
				padding: 0px 17px;
			}
			
			
			p{
				font-size: 13px;
				color: #999999;
				display: inline-block;
				/* margin: 0 0 0 3px; */
			}
			
			h3{
				font-size: 15.91;
				color: #222222;
				display: inline-block;
				/* margin: 0 3px 0 0; */
			}
			
			a{
				display: inline-block;

}
			
			
			.photo{
				width: 291px;
				height: 208px;
				border: 1px solid orange;
			}
			
			#big{
				width: 323px;
				height: 208px;
				border: 1px solid red;
			}
			
			
			
			
		</style>
	</head>
	
	<body>
		<ul>
			<li id="bg1">
				
				<div class="head">
						<a href="https://lula.fun/go/aHR0cHM6Ly9pbW9lLmluaw==" target="_blank" >
							<h3>司法拍卖</h3>
							<img src="../images/jd/logo.png" >
							<p>法院好货 公开抢拍</p>
						</a>
				</div>
				
				
				<div id="big">
					<div class="photo">
						<a href="https://lula.fun/go/aHR0cHM6Ly9pbW9lLmluaw==" target="_blank"  >
							<img src="../images/jd/sf.jpeg" >
							
						</a>
					</div>
				</div>
				
				
				
			</li>
			
			
			
			
		</ul>
		
		
		
		
	</body>
</html>

```