在現代網頁設計中，CSS裝飾是非常重要的一部分。通過CSS的靈活使用，我們可以完成各種各樣的效果，讓網站變得更加美觀、易于閱讀和易于導航。

以下是一些使用CSS裝飾的例子：

/* 設置背景顏色和字體樣式 */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
/* 調整標題樣式 */
h1 {
font-size: 36px;
font-weight: bold;
color: #333;
margin-top: 50px;
margin-bottom: 20px;
}
/* 創建導航欄 */
nav {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
/* 調整鏈接樣式 */
a {
color: #333;
text-decoration: none;
}
/* 創建按鈕 */
button {
background-color: #333;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
}
/* 調整圖片樣式 */
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}

使用CSS裝飾，讓網站變得更加美觀也更加易于使用，不僅可以提升用戶的體驗感，還可以為網站增加一些特色和吸引力。因此，在設計網站時，我們要善于運用CSS裝飾，讓我們的網站變得更加優秀。