標題為“在文字前面加圖標的CSS樣式”的文章：

CSS是用于網頁設計的一門編程語言，它可以用于控制網頁的布局、樣式和響應式布局。在網頁中，我們可以使用CSS來創建各種各樣的圖標，例如按鈕、菜單、導航欄等等。下面將介紹一種在文字前面加圖標的CSS樣式。

首先，我們需要在HTML文件中包含一個包含圖標的圖標文件。例如，我們可以使用以下代碼創建一個按鈕圖標：

<button class="button">點擊我</button>

然后，我們可以使用CSS來樣式這個按鈕圖標。我們可以使用CSS的類名“button”來定義按鈕的樣式，并為按鈕添加一個圖標的CSS屬性“icon-name”。例如：

.button {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

font-size: 16px;

icon-name: "example-button-icon";

在這個例子中，我們使用了CSS的類名“button”來定義按鈕的樣式。我們使用了“background-color”屬性來設置按鈕的背景顏色，使用了“color”屬性來設置按鈕的文本顏色，使用了“padding”和“border”屬性來設置按鈕的邊框和內邊距，使用了“border-radius”和“cursor”屬性來設置按鈕的邊框和圓角，并使用了“font-size”屬性來設置按鈕的字體大小。我們使用了“icon-name”屬性來設置按鈕的圖標名稱，這里我們使用了“example-button-icon”這個值，它是指一個名為“example-button-icon”的圖標文件。

現在，當我們將這個按鈕添加到HTML文件中時，它將在文本前面顯示一個圖標。例如：

<button class="button">點擊我</button>

在這個例子中，按鈕的樣式將顯示一個名為“example-button-icon”的圖標。這個圖標將顯示在文本前面，就像下面這樣：

通過使用CSS的圖標屬性，我們可以創建各種各樣的圖標，并在文本前面顯示它們。這只是一個簡單的示例，CSS還有很多其他的屬性和技巧，可以讓我們創建更加復雜的圖標樣式。