CSS是前端開發中不可或缺的一部分，它可以幫助我們實現頁面的樣式、布局和交互效果等。今天，我們要使用CSS來做百度頁面的相機。

/* 首先，我們需要創建相機的容器 */
.camera {
width: 500px;
height: 300px;
background-color: #f2f2f2;
display: flex;
justify-content: center;
align-items: center;
}
/* 接著，我們在容器中創建相機的身體和鏡頭 */
.camera-body {
width: 300px;
height: 200px;
border-radius: 10px;
background-color: #333;
}
.camera-lens {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #fff;
border: 10px solid #333;
margin-top: -35px;
}
/* 然后，我們給相機添加文本提示 */
.camera-text {
font-size: 24px;
color: #333;
margin-top: 20px;
}
/* 最后，我們將相機放置在頁面中間位置 */
.camera {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上就是使用CSS做百度頁面的相機的代碼，我們通過創建相機的容器、身體和鏡頭，并添加相關文本提示和樣式，最終將相機放置在頁面中央。相信大家已經掌握了如何使用CSS實現簡單功能的方法。