在前端開發中，CSS是一個十分重要的技能。除了可以完成基礎的樣式設計，CSS還可以用來改變網頁中的內容。下面將介紹幾個CSS屬性，以及它們如何改變內容。

/* text-transform屬性，用來改變文本大小寫狀態 */
/* 文本全為大寫 */
p {
text-transform: uppercase;
}
/* 文本全為小寫 */
p {
text-transform: lowercase;
}
/* 首字母大寫 */
p {
text-transform: capitalize;
}

text-transform屬性可以將文本轉換成指定的大小寫形式，還可以將首字母大寫。這個屬性非常實用，可以用來優化網站的閱讀體驗，以及提高可讀性。

/* word-spacing屬性，改變單詞間的間距 */
/* 設置單詞間間距為5px */
p {
word-spacing: 5px;
}
/* 設置單詞間間距為負數，使單詞緊縮在一起 */
p {
word-spacing: -5px;
}

word-spacing屬性可以改變單詞之間的距離。通過調整單詞之間的間距，可以讓文本在視覺上更加緊湊或更加松散。

/* text-decoration屬性，用來添加或去除文本線條 */
/* 添加下劃線 */
p {
text-decoration: underline;
}
/* 添加刪除線 */
p {
text-decoration: line-through;
}
/* 去除下劃線或刪除線 */
p {
text-decoration: none;
}

text-decoration屬性可以用來添加或去除文本的下劃線、刪除線等裝飾效果，非常常用。通過這個屬性，我們能夠為網頁中的文字添加不同的樣式，以便于用戶快速區分不同的文本信息。

以上就是利用CSS來改變內容的幾個非常實用的屬性。有了這些屬性的使用，我們可以更加靈活地設計自己的網頁樣式，讓網站內容更加鮮活有趣。