開心莊園是一款受歡迎的社交游戲，在此游戲中制作一個漂亮的頁面對于宣傳游戲和吸引用戶至關重要。本文將介紹如何使用CSS來制作一個開心莊園頁面。

/* 使用CSS樣式在頁面中創建一個導航欄 */
.nav {
background-color: #FFC0CB;
height: 50px;
display: flex;
justify-content: space-between; /*將項目分散對齊*/
align-items: center; /*垂直居中*/
}
.nav .logo {
font-size: 25px;
font-weight: bold;
margin-left: 20px;
}
.nav ul {
display: flex; /*將列表項水平排列*/
margin-right: 20px;
}
.nav ul li {
margin: 0 10px;
list-style: none; /*去掉列表項的默認樣式*/
}
/* 給列表項添加動畫效果 */
.nav ul li a {
color: white;
text-decoration: none;
position: relative;
}
.nav ul li a::after {
content: "";
position: absolute;
bottom: -5px;
left: 0px;
width: 100%;
height: 3px;
background-color: #ffffff;
transform: scaleX(0);
transition: transform 0.3s ease;
}
.nav ul li a:hover::after {
transform: scaleX(1);
}
/* 使用CSS樣式設計一個頁面底部的版權信息 */
.footer {
background-color: #FFC0CB;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.footer p {
color: white;
font-size: 14px;
font-weight: bold;
}

在本文的代碼中，我們使用了不同的CSS樣式來設計開心莊園頁面的導航欄以及底部版權信息。通過使用不同的CSS屬性，我們可以為頁面添加不同的顏色，字體大小，字體重量等等各種視覺效果。