我需要将图像形状更改为梯形而不裁剪图像

Question

.Div {
  border: double;
  height: 400px;
  width: 325px;
  clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 93%);
}

<div class="Div"></div>

Answer 1

.Div {
  border: double;
  height: 400px;
  width: 325px;
  clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 93%);
  transform: rotate(90deg); 
}

Answer 2

您可以创建div标签并在其上应用CSS

style="background-image:url('img.png');background-size:12px";

并且还可以检查div样式。