CSS是網頁設計中不可或缺的一部分，它可以實現各種精美的頁面效果。在答題頁面的設計上，CSS同樣也能起到重要的作用。下面介紹一下如何利用CSS設計一個漂亮的答題頁面。

/* CSS代碼開始 */
/* 首先設置頁面整體樣式 */
body{
margin:0;
padding:0;
background-color:#F5F5F5;
}
/* 答題區域樣式 */
#quiz{
margin:20px auto;
width:80%;
background-color:#FFFFFF;
padding:10px;
box-shadow:0 0 5px #BDBDBD;
}
/* 問題樣式 */
.question{
font-size:24px;
margin:20px;
text-align:center;
}
/* 選項樣式 */
.option{
display:block;
margin:20px auto;
width:60%;
text-align:center;
background-color:#FFFFFF;
border:1px solid #BDBDBD;
padding:10px;
border-radius:5px;
cursor:pointer;
}
/* 懸停樣式 */
.option:hover{
background-color:#F5F5F5;
}
/* 選中樣式 */
.selected{
background-color:#4CAF50;
color:#FFFFFF;
}
/* CSS代碼結束 */

在上面的代碼中，首先對頁面整體進行了樣式設置。隨后，對答題區域進行了樣式設置，包括它的外邊距、背景色等。問題和選項的樣式也進行了設置，包括文字大小、背景色和邊框等。還設置了當鼠標懸停和選中時的效果。

可以看到，CSS在答題頁面的設計中起到了非常重要的作用。通過不同的樣式設置，可以實現頁面的美觀和易用性。希望以上介紹對有需要的讀者有所幫助。