主页 / 问题 / 743773
Accepted
D.Ryksd
Asked:2020-11-13 03:51:21 +0000 UTC2020-11-13 03:51:21 +0000 UTC

是否可以仅通过 CSS 将图像设置为块的背景？

  • 772

您需要设置背景图像，它将位于中间的右侧。另外，block 的背景应该是灰色的，html 中什么都不能改变。可能吗？

.ztd {
  display: block;
  position: relative;
  width: 100%;
  height: 250px;
  border: 2px solid #000;
  margin-bottom: 50px;
}

.ztd {
  background-image: url()/* это и выше css */
}
<div class="ztd"> /* это html */
</div>

html

1 个回答

  1. Best Answer

    .ztd {
  display: block;
  position: relative;
  width: 100%;
  height: 250px;
  border: 2px solid #000;
  margin-bottom: 50px;
  background: #ccc
}

.ztd:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: url(https://palmitoylethanolamideblog.com/wp-content/uploads/2016/08/nature.jpg) no-repeat center top;
  background-size: cover;
}
    <div class="ztd"></div>

    • 3

相关问题