將元素轉換為 CSS 是網站開發中常見的任務之一。這個過程可以使得網站結構更加清晰、易于維護。以下是一個簡單的示例：

/* HTML 代碼 */
<div class="container">
<div class="header">Header</div>
<div class="content">Content</div>
<div class="footer">Footer</div>
</div>
/* CSS 代碼 */
.container {
width: 80%;
max-width: 1000px;
margin: 0 auto;
}
.header {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
.content {
background-color: #eee;
padding: 10px;
margin-top: 20px;
}
.footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}

在這個例子中，我們有一個包含三個元素的容器。通過將這些元素與各自的 CSS 樣式相匹配，我們可以輕松地控制它們的設定，這為整個頁面的外觀和感覺帶來了一致性。