CSS中圖片菱形設置是一種常見的設計技巧，它可以讓圖片的展示更加獨特和美觀。下面我們將通過pre標簽展示相關的CSS代碼。

/* 定義圖片的寬高和位置 */
img {
width: 200px;
height: 200px;
position: relative;
margin: 50px;
}
/* 定義菱形的樣式 */
img:before {
content: "";
position: absolute;
top: -50px;
left: -50px;
right: -50px;
bottom: -50px;
background: url(圖片路徑);
transform: rotate(45deg);
z-index: -1;
}

通過給圖片添加:before偽元素，我們可以定義一個占滿整個父元素的菱形背景，并將其旋轉45度。這樣，圖片就成了一個美觀的菱形展示。以上是CSS中圖片菱形設置的簡要介紹，希望能對您有所幫助。