在網頁設計中，CSS是一個非常重要的工具。CSS可以讓我們為HTML元素添加樣式和布局，從而使頁面看起來更加美觀和專業。

除了使用CSS庫和框架之外，我們還可以使用自定義樣式來創建我們自己的樣式和布局。這些自定義樣式可以應用于任何HTML元素，包括文本、圖片、表格、表單等。

/* 這是一個自定義樣式的示例 */
.custom-style {
font-size: 18px;
color: #333;
background-color: #f2f2f2;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}

如上述代碼所示，我們可以使用一些CSS屬性來創建一個自定義樣式，如字體大小、顏色、背景顏色、內邊距、邊框等。我們可以將這些屬性組合在一起，以創建不同的樣式，符合我們的需求和品味。

一旦我們創建了自定義樣式，我們可以在HTML元素中使用它們。您可以為任何元素應用樣式，只需使用class屬性并將其設置為我們定義的樣式名稱即可。

/* 在HTML元素中使用自定義樣式 */
<p class="custom-style">這是一段使用自定義樣式的文本。</p>
<img class="custom-style" src="img/example.png" alt="示例圖像">

如上述代碼所示，我們可以在p元素和img元素中使用自定義樣式。這些元素將繼承所有在.custom-style類中定義的樣式屬性。

總之，使用自定義樣式可以讓我們更加輕松和準確地控制網頁的樣式和布局，從而創建令人印象深刻的頁面。