使用CSS仿蘋果界面是一種比較流行的設(shè)計風格，這種風格偏愛使用簡潔、清晰的線條和顏色，讓頁面看起來非常美觀大氣。下面是一些CSS代碼以及仿蘋果界面的頁面效果。

body {
background-color: #f2f2f2;
}
.navbar {
background-color: #fff;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
height: 60px;
display: flex;
justify-content: space-around;
align-items: center;
}
.navbar li {
list-style: none;
margin: 0 20px;
font-size: 18px;
font-weight: bold;
color: #333;
}
.active {
color: #007aff;
border-bottom: 2px solid #007aff;
}
.logo {
font-size: 24px;
font-weight: bold;
color: #007aff;
}
.content {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.card {
background-color: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 350px;
height: 450px;
border-radius: 10px;
overflow: hidden;
}
.card img {
width: 100%;
height: 70%;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.card h2 {
margin: 20px;
font-size: 28px;
font-weight: bold;
color: #333;
}
.card p {
margin: 0 20px 20px 20px;
font-size: 18px;
color: #666;
}

上面的CSS代碼中，我們可以看到，采用了蘋果風格的顏色、字體和按鈕樣式。導航欄使用了純色的背景，以及圓潤的按鈕樣式。子頁面部分采用了卡片式的設(shè)計，圓潤的角度、為圖片使用的border-radius和陰影等細節(jié)部分都能很好的體現(xiàn)出蘋果風格。將這些細節(jié)體現(xiàn)完整后，我們就能獲得一個非常漂亮的頁面了。