视频和图片库链接后面的框但响应

Question

如何添加背景框和两张图片，如图片

所以并排2张照片，但第一张盒装照片是我把链接放到视频的地方：第1部分 - 第2部分就像上面的视频照片然后右边另一张照片有文字说查看图库。然后对每个视频重复此响应。

我很想拥有漂亮的按钮，但谷歌页面速度表示它无法清楚地看到它们，所以我只是留着文字。

Answer 1

你的代码在哪里？这是帮助网站，而不是＃34;让我成为一个网站＆＃34;现场。无论如何，这是一种方法：

＆＃13;

＆＃13;

.container {
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100vh;
}

.image {
  box-sizing: border-box;
  min-width:100px;
  min-height:65px;
  margin-right: 20%;
  content:'sadasdasd';
  
  background: url(http://ichef-1.bbci.co.uk/news/976/media/images/83351000/jpg/_83351965_explorer273lincolnshirewoldssouthpicturebynicholassilkstone.jpg);
  background-position: center center;
  background-size: cover;
  
}

.image2 {
  //position:absolute;
  box-sizing: border-box;
  min-width:100px;
  min-height:65px;
  margin-left: 0 20%;
  content:'sadasdasd';
  background: url(http://www.telegraph.co.uk/content/dam/Travel/galleries/travel/hubs/thebigpicture/the-big-picture-photography-competition-round-393/Fary-Afshar-xlarge.jpg);
  background-position: center center;
  background-size: cover;
 
  
}

＆＃13;

<div class="container">
  <div class="image"></div>
  <div class="image2"></div>
</div>

＆＃13;

＆＃13;

＆＃13;