今天我們來介紹一些CSS的小實戰案例，這些案例可以幫你更好地理解CSS的應用，讓你的網頁更加美觀和實用。

代碼1：
/*讓背景漸變色*/
body{
background: -webkit-linear-gradient(left, #c9d6ff, #e2e2e2);
background: linear-gradient(to right, #c9d6ff, #e2e2e2);
}
代碼2：
/*在文字周圍添加陰影*/
p{
text-shadow: 1px 1px #c9d6ff;
}
代碼3：
/*美化鏈接*/
a{
text-decoration: none;
color: #c9d6ff;
font-weight: bold;
border-bottom: 1px dotted #c9d6ff;
}
代碼4：
/*帶圓角的按鈕*/
.button{
border-radius: 20px;
background-color: #c9d6ff;
border: none;
padding: 10px 20px;
color: white;
font-size: 18px;
}
代碼5：
/*讓圖片環繞文字*/
img{
float: left;
margin-right: 20px;
}
代碼6：
/*響應式設計*/
@media only screen and (max-width: 600px){
body{
background-color: #c9d6ff;
}
}

以上這些CSS小實戰案例只是冰山一角，如果你想掌握CSS的更多應用，可以繼續學習各種CSS的屬性和方法，不斷實踐和嘗試，相信你會越來越懂得如何優雅地使用CSS來打造美麗和實用的網頁。