index.html

<!-- 小家电品牌日 -->
    <div class="brand">
      <div>
        <a href="#">
          <img src="upload/pic11.dpg" alt="">
        </a>
      </div>
      <div>
        <a href="#">
          <img src="upload/pic22.dpg" alt="">
        </a>
      </div>
      <div>
        <a href="#">
          <img src="upload/pic33.dpg" alt="">
        </a>
      </div>
    </div>

index.css

img {
  /* 去除图片底部空白 ,middle也行*/
  vertical-align: top;
}

.brand {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.brand div {
  float: left;
  width: 33.33%;
}

.brand div img {
  width: 100%;
}