效果 (源码网盘地址在最后)
源码
index.html
<!DOCTYPE html>
<html>
<head>
<title>Product Card UI Design</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="card">
<div class="imgBx">
<img src="shoe.jpg">
</div>
<div class="details">
<h3>Nike Air Max<br><span>Men's Shoe</span></h3>
<h4>Product Details</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nulla ducimus iusto.</p>
<h4>Size</h4>
<ul class="size">
<li>36</li>
<li>38</li>
<li>40&l