CSS 图片廊

<div class="responsive">
  <div class="img">
    <a target="_blank" href="http://www.badaoye.com/uploads/allimg/191104/2-191104230Ua44.jpg">
      <img src="http://www.badaoye.com/uploads/allimg/191104/2-191104230Ua44.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">这里添加图片文本描述</div>
  </div>
</div>
 
<div class="responsive">
  <div class="img">
    <a target="_blank" href="http://www.badaoye.com/uploads/allimg/191029/2-19102920113M38.jpg">
      <img src="http://www.badaoye.com/uploads/allimg/191029/2-19102920113M38.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">这里添加图片文本描述</div>
  </div>
</div>
 
<div class="responsive">
  <div class="img">
    <a target="_blank" href="http://www.badaoye.com/uploads/allimg/191024/2-1910242313163I.jpg">
      <img src="http://www.badaoye.com/uploads/allimg/191024/2-1910242313163I.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">这里添加图片文本描述</div>
  </div>
</div>
 
<div class="responsive">
  <div class="img">
    <a target="_blank" href="http://www.badaoye.com/uploads/allimg/191106/2-1911062145525E.jpg">
      <img src="http://www.badaoye.com/uploads/allimg/191106/2-1911062145525E.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">这里添加图片文本描述</div>
  </div>
</div>