CSS中不僅可以定義簡單的顏色和背景圖案，還可以用它來創(chuàng)建復雜的不規(guī)則圖形背景，為網頁的視覺效果增加更多的趣味性和美觀性。

. irregular-bg {
height: 400px;
width: 100%;
background-image: 
linear-gradient(30deg, #3a6186 50%, transparent 50%),
linear-gradient(-30deg, #3a6186 50%, transparent 50%),
linear-gradient(90deg, #3a6186 50%, transparent 50%),
linear-gradient(-90deg, #3a6186 50%, transparent 50%);
background-size: 100px 100px;
background-position: 0 0, 0 0, 0 0, 0 0;
}

上述代碼是一個簡單的不規(guī)則圖形背景的實現(xiàn)方法，通過設置四個線性漸變背景圖形，分別旋轉不同的角度，并設置不同的透明度，用來創(chuàng)建一種類似長方形網格的效果，從而實現(xiàn)網頁的不規(guī)則背景效果。其中，background-position是用來控制每個漸變背景的位置。此外，還可以根據具體需求進行調整和擴展，創(chuàng)建出更加復雜和獨特的不規(guī)則圖形背景。