17

图文卡片布局

<div class="box1">                     <!-- 卡片容器 -->
  <div class="img1">                   <!-- 图片区 -->
    <img src="./img/icon3.jpg" alt="" />
  </div>
  <div class="txt">                    <!-- 文字区 -->
    <h2><a href="#">亿贝CALI</a></h2>  <!-- 标题 -->
    <div class="txt2">                <!-- 描述 -->
      了解有关选项卡和选项卡快捷方式...
    </div>
    <div class="at2">                 <!-- 底部操作区 -->
      <img src="./img/btn1.jpg" alt="" />
      <span><a href="#">&gt;&gt;了解详情</a></span>
    </div>
  </div>
</div>