在CSS中，可以通過transform屬性來對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放、傾斜等變換操作。

要實(shí)現(xiàn)圖形傾斜，可以使用skew()函數(shù)。該函數(shù)接受兩個(gè)參數(shù)，分別表示水平方向和垂直方向的傾斜角度，單位為度（deg）。

傾斜45度：
transform: skew(45deg);
傾斜-30度：
transform: skew(-30deg);

需要注意的是，skew()函數(shù)傾斜的是元素的包圍框（bounding box），而不是內(nèi)容。如果元素有邊框或背景色，可能會(huì)出現(xiàn)意想不到的效果。

為了避免出現(xiàn)問題，可以在元素內(nèi)部再包裹一層容器，并對(duì)容器進(jìn)行傾斜操作，以確保樣式的一致性。

HTML代碼：
<div class="box">
<div class="content">內(nèi)容</div>
</div>
CSS代碼：
.box {
width: 200px;
height: 200px;
transform: skew(30deg);
}
.content {
transform: skew(-30deg);
}

通過上述代碼，可以將.box元素傾斜30度，同時(shí)保持.content元素水平，達(dá)到圖形傾斜的效果。