CSS如何讓圖片傾斜？ 使用CSS可以讓圖片傾斜，下面我們來學習一下如何操作。 首先是HTML代碼：

<div class="img-container">
<img src="example.jpg" alt="example image">
</div>

我們在一個div容器中放置了一張圖片，現在來看看CSS樣式。

.img-container {
width: 400px;
height: 400px;
position: relative;
}
.img-container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) skewX(20deg);
}

首先我們對容器設置了一個寬度和高度，并將其設置為相對定位。 接下來我們通過設置圖片的絕對定位來讓它跟容器重疊并居中顯示。這里我們使用了translate來設置圖片的水平和垂直偏移量，讓它居中。同時我們還使用了skewX（傾斜）函數來讓圖片傾斜，通過調整它的參數可以實現不同程度的傾斜。 除了使用transform屬性，我們還可以使用CSS3的旋轉屬性進行圖片的傾斜。下面是代碼示例：

.img-container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(20deg);
}

這里我們將skewX函數改為了rotate（旋轉）函數，同樣設置了圖片的定位和居中方式。通過調整rotate的參數可以實現不同程度的旋轉。需要注意的是，旋轉可以是正數也可以是負數，正數表示順時針旋轉，負數表示逆時針旋轉。 以上就是使用CSS對圖片進行傾斜的方法，通過調整參數和使用其他CSS樣式屬性，我們還可以實現更多樣式的效果。