CSS是前端開發中不可缺少的一部分，它可以為網頁添加豐富的樣式和布局。其中，代碼塊樣式也是一個很重要的特性，它可以為我們的網頁添加高亮顯示以及更好的閱讀體驗。

code {
background-color: #f2f2f2;
font-size: 16px;
color: #333;
padding: 4px;
border-radius: 4px;
font-family: Arial, sans-serif;
}

在上面的示例代碼中，我們定義了一個code標簽的樣式。首先，我們將其背景色設置為淺灰色，這樣可以讓代碼塊脫穎而出。其次，我們將字體大小設置為16像素，這樣可以使我們的代碼更加易讀。然后，我們設置了代碼的文本顏色為黑色，這樣可以與灰色背景形成對比。最后，我們定義了代碼塊的內邊距和圓角半徑，以及使用了常見的Arial字體和sans-serif字體族。

在實際應用中，我們經常使用一些第三方庫來快速設置代碼塊樣式，如Prism.js和Highlight.js。它們提供了豐富的代碼樣式和高亮效果，可以輕松地為我們的網站添加優美的代碼示例。

總之，代碼塊樣式是網頁開發中的一個重要特性，通過定義清晰的樣式，可以讓我們的代碼更容易閱讀，同時也提高了用戶體驗。