CSS傾斜背景圖是一種常用的布局效果，為網頁添加了更加生動的樣式。在使用這種效果前，需要了解一些CSS屬性和代碼實現。

.skew {
position: relative;
overflow: hidden;
}
.skew:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -50%;
width: 200%;
height: 100%;
background: url('img/bg.jpg') no-repeat center center/cover;
transform: skewX(-15deg);
}

首先，為了實現傾斜背景圖，需要一個容器將其包含。代碼中使用了一個類名為.skew的容器，并為其設置了position:relative和overflow:hidden屬性。這是因為后續將要添加的:before偽元素需要使用position:absolute屬性，而為容器設置overflow: hidden屬性可以禁止偽元素的溢出。

接著，為容器添加:before偽元素，并設置其樣式。其中，content屬性代表偽元素的內容為空，display屬性默認為inline，需要更改為block使其能夠接受寬度、高度和其他的尺寸屬性。position: absolute屬性使偽元素從文檔流中脫離，top:0和left:-50%屬性將偽元素向左移動，width:200%屬性將偽元素的寬度設置為容器寬度的兩倍，height:100%屬性將偽元素的高度設置為與容器相同。background屬性設置了偽元素的背景圖像，這里是一張名為bg.jpg的圖片，并且使用了background-size來自適應偽元素的寬度和高度。最后，使用transform: skewX(-15deg)屬性將偽元素沿X軸傾斜15度。

這樣就完成了CSS傾斜背景圖的效果。需要注意的是，實際應用中需要按照實際情況修改代碼中的屬性值。