写出一个css,让图片一个矩形图片只旋转内容不旋转边框

你可以使用以下的 CSS 代码实现该效果：

div {
  width: 300px;
  height: 200px;
  border: 2px solid black;
  overflow: hidden;
}

div img {
  width: 100%;
  height: auto;
  transform-origin: 0 0;
  transform: rotate(45deg);
}

在这个例子中，我们首先创建了一个带有边框的 DIV 容器，然后在容器内部放置了一个图片。通过设置容器的 overflow 属性为 hidden，我们可以将图片超出容器的部分隐藏掉。接着，我们对图片应用旋转变换，通过设置 transform-origin 属性可以指定旋转的基准点是图片的左上角。最后，我们给图片设置了宽度为 100%，高度自适应，以保证图片在容器中铺满并且不会变形。