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

Question

如何添加一个背景框和两张类似pic的图片

所以并排 2 张图片，但第一张带框的图片是我放置视频链接的地方:第 1 部分 - 第 2 部分就像上面的视频照片一样，然后在右边的另一张照片上有文字说查看画廊。然后对每个视频重复此响应。

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

Answer 1

你的代码在哪里？这是帮助站点，而不是“让我成为一个网站”站点。无论如何，这是一种方法:

.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;
 
  
}

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