在網站設計中，經常需要使用各種各樣的圖形來裝飾頁面。通常，我們可以使用圖片來實現這些效果，但是圖片可能會降低網頁的加載速度。因此，使用 CSS 和 HTML 可以創建不規則圖形，以實現網站的視覺效果，又能夠保證網站的加載速度。

使用 HTML，創建不規則圖形可以通過以下方法：

<div class="shape"></div>
.shape {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 100px solid transparent;
border-left: 100px solid transparent;
}

上述代碼創建了一個有三角形形狀的DIV元素。這里的形狀由三個邊框組成，其中一個邊框是紅色的，其余兩個是透明的。其中，紅色邊框的寬度和高度設置了元素的大小，透明邊框的寬度為零，創建了一個三角形形狀。

除了三角形，可以使用圓形、梯形、星形、菱形等形狀來裝飾頁面。為了實現這些效果，我們可以通過選擇合適的CSS屬性來設置元素的邊框樣式。

通過使用 HTML 和 CSS，可以創建各種各樣的不規則圖形。這些圖形可以增強頁面的視覺效果，提高用戶體驗。需要注意的是，這些圖形可能會影響頁面的性能和可訪問性。因此，在項目中使用時請慎重考慮。