CSS是前端開發中不可或缺的一部分，它可以讓網頁更加美觀、易于閱讀。相信大家都熟悉一些基礎的CSS樣式，比如字體大小、顏色等。但CSS樣式還有很多讓我們探索的地方。

下面是一些CSS樣式代碼和它們的效果：

/* 下劃線 */
.text-underline {
text-decoration: underline;
}
/* 刪除線 */
.text-through {
text-decoration: line-through;
}
/* 斜體 */
.text-italic {
font-style: italic;
}
/* 加粗 */
.text-bold {
font-weight: bold;
}
/* 字體顏色漸變 */
.background-gradient {
background: linear-gradient(to right, #2193b0, #6dd5ed);
}
/* 圓角邊框 */
.border-radius {
border-radius: 10px;
}
/* 懸停效果 */
.hover-effect:hover {
background-color: #ff9b9b;
}
/* 文字陰影 */
.text-shadow {
text-shadow: 1px 1px 2px black;
}
/* 首字母大寫 */
.text-capitalize {
text-transform: capitalize;
}
/* 點擊效果 */
.click-effect:active {
background-color: #ff8585;
}

以上CSS樣式代碼可以讓我們的網頁變得更加精美，有更好的閱讀體驗。學習CSS不僅可以幫助我們實現網頁的美化，還可以讓我們更好地理解前端開發的本質。