任何人都可以告诉我如何使用HTML / CSS插入它

时间:2018-06-11 01:31:33

标签: html css

enter image description here

我知道要插入文字和按钮,我只是不理解这两个黑色图像或它们是什么。在此先感谢:)

1 个答案:

答案 0 :(得分:1)

我猜猜想。黑色图像是占位符(因为你拥有的其他东西看起来像占位符)。我猜你正在寻找CSS来制作图像周围的帧,也许是如何"浮动"他们在彼此之上?



.float-stuff-relative-to-this-div {
  position: relative;
}
.image-frame{
  border: 5px solid white;
  box-shadow: 0 1px 3px black;
}
.floaty-float{
  position: absolute;
  top: 20px;
  left: 20px;
  /* Puts it behind stuff with higher z-index (default is 0) */
  z-index: -1;
}

<div class="float-stuff-relative-to-this-div">
  <img class="image-frame" src="http://via.placeholder.com/200x200/000000/000000">
  <img class="image-frame floaty-float" src="http://via.placeholder.com/200x200/000000/000000">
</div>
&#13;
&#13;
&#13;