CSS是一種用于網(wǎng)頁設(shè)計(jì)的技術(shù)，它可以使網(wǎng)站在瀏覽器上更加美觀和優(yōu)雅。與拍照相似，CSS可以為網(wǎng)頁增加各種不同風(fēng)格的裝飾和效果。

body{
background-color: #f2f2f2;  /*背景顏色*/
font-family: Arial, sans-serif;  /*字體設(shè)置*/
}
h1{
font-size: 36px;  /*字體大小*/
color: #333;  /*字體顏色*/
text-align: center;  /*居中排列*/
}
.container{
width: 80%;  /*寬度為父元素的80%*/
margin: 0 auto;  /*居中排列*/
padding: 20px;  /*內(nèi)邊距為20像素*/
background-color: #fff;  /*背景顏色*/
box-shadow: 0 2px 5px rgba(0,0,0,0.1);  /*陰影設(shè)置*/
}
.btn{
display: inline-block;  /*行內(nèi)塊元素*/
padding: 8px 16px;  /*內(nèi)邊距*/
background-color: #007bff;  /*背景顏色*/
color: #fff;  /*字體顏色*/
border-radius: 4px;  /*圓角設(shè)置*/
cursor: pointer;  /*鼠標(biāo)樣式*/
transition: all 0.3s ease;  /*過渡效果*/
}
.btn:hover{
background-color: #0056b3;  /*懸停背景顏色*/
transform: translateY(-2px);  /*向上移動(dòng)2像素*/
}

在上面的代碼中，我們可以看到用CSS設(shè)置了背景顏色、字體、陰影、居中排列等美化效果。同時(shí)，通過鼠標(biāo)hover事件設(shè)置了按鈕的懸停效果，增加了用戶的體驗(yàn)感。