CSS 實現 div 左右彎曲，是 Web 前端開發中常見的一種效果。這種效果通常在設計網站頁面的時候用來增加頁面美感和趣味性。本文將介紹如何使用 CSS 實現 div 左右彎曲的效果。 首先，我們需要先創建一個 div 元素，然后給它設置一些基本樣式，比如寬度、高度和背景顏色等。接下來，我們需要使用 CSS 的 transform 屬性來對 div 元素進行旋轉和扭曲。 具體來說，我們需要使用 transform: skewX() 和 transform: rotate() 分別來對 div 元素進行左右扭曲和旋轉。 下面是一個實現 div 左右彎曲效果的示例代碼： `````` 在這個示例代碼中，我們先創建了一個類名為 bent 的 div 元素，并設置它的寬度、高度和背景顏色等基本樣式。接著，我們將該 div 元素的 position 屬性設置為 relative，然后使用 transform 屬性對其進行扭曲和旋轉。 為了使整個效果更加真實，我們還創建了兩個偽元素（::before 和 ::after），并分別對它們進行了與 div 元素相反的旋轉和扭曲。這樣，就可以在左右兩側形成一些“溢出” div 元素的效果。 總的來說，CSS 實現 div 左右彎曲效果的關鍵在于使用 transform 屬性對元素進行旋轉和扭曲，同時還需要結合偽元素來形成整體的效果。