<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CSS3六边形网状图片展示代码 - 【更多源码:www.96flw.com】</title>
<link rel="stylesheet" href="css/reset.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header><h1>SNEAKERS</h1></header>
<ul id="productGrid">
<li>
<div class="holder">
<div class="star">
<h2>LeBron 16</h2>
<p>$185</p>
<img src="img/nike02a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Odyssey React Shield</h2>
<p>$130</p>
<img src="img/nike01a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Epic React Flyknit</h2>
<p>$150</p>
<img src="img/nike03a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Air Max 97 Premium</h2>
<p>$180</p>
<img src="img/nike04a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Free RN Motion Flyknit</h2>
<p>$150</p>
<img src="img/nike05a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Free RN Flyknit 2018</h2>
<p>$120</p>
<img src="img/nike06a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Rise React Flyknit</h2>
<p>$175</p>
<img src="img/nike07a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Flyknit Racer G</h2>
<p>$175</p>
<img src="img/nike08a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike EXP-X14 Premium iD</h2>
<p>$160</p>
<img src="img/nike09a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Free x Retcon</h2>
<p>$120</p>
<img src="img/nike10a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Air Force 1 '07 Suede</h2>
<p>$90</p>
<img src="img/nike11a.png">
</div>
</div>
</li>
<li>
<div class="holder">
<div class="star">
<h2>Nike Metcon 4 iD</h2>
<p>$150</p>
<img src="img/nike12a.png">
</div>
</div>
</li>
</ul>
</body>
</html>