在網頁設計中，CSS是非常重要的一環。通過CSS的樣式定義，可以讓頁面變得更加美觀、易讀、易用。而在CSS中，外聯樣式表是其中一種重要的樣式定義方式。 下面假設我們有一個簡單的HTML頁面，包含了一個按鈕，我們希望通過CSS來定義這個按鈕的樣式。我們可以通過外聯樣式表來實現。 首先，我們需要在HTML文件中引入一個CSS文件，可以在head標簽中添加以下代碼： `````` 這里的href屬性需要寫上你的CSS文件的路徑，比如如果你的CSS文件名稱為style.css，且放在同一目錄下，那么可以寫成上述代碼。 接下來，在CSS文件中我們可以利用類選擇器來定義按鈕的樣式。假設我們給這個按鈕添加一個名為“btn”的class，那么可以在CSS文件中添加以下代碼： ``` .btn { background-color: #4CAF50; color: white; padding: 12px 24px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } ``` 在這個代碼塊中，我們定義了按鈕的背景色、字體顏色、內邊距、文本排版方式、顯示方式、字體大小、外邊距和鼠標指針樣式等等。你可以根據自己的需要來定義這些屬性。 最后，在HTML中，我們可以將這個class應用到我們的按鈕上。可以在按鈕的標簽中添加以下代碼： ```Click me``` 這樣，我們就完成了外聯樣式表的例子。通過外聯樣式表，我們可以將樣式與內容分離，方便維護和修改樣式。此外，我們還可以在同一個頁面中引入不同的CSS文件，根據需要選擇不同的樣式。