CSS是網頁設計中不可或缺的一部分，它可以控制網頁的樣式和布局。其中，設置只讀屬性是CSS的一個重要功能。通過設置只讀屬性，可以使某些表單字段無法被修改，并防止誤操作。

在CSS中，設置只讀屬性有兩種方法。一種是使用屬性選擇器，另一種是使用偽類。下面分別介紹這兩種方法。

/* 使用屬性選擇器設置只讀屬性 */
input[readonly] {
background-color: #eee;
}
/* 使用偽類設置只讀屬性 */
input:read-only {
background-color: #eee;
}

使用屬性選擇器設置只讀屬性非常簡單，只需要在表單元素中添加readonly屬性即可。然后在CSS中使用屬性選擇器來選擇這些帶有readonly屬性的元素，并將其背景色設置為灰色。

使用偽類設置只讀屬性更為靈活，可以根據不同的情況來選擇不同的表單元素。例如，可以選擇type為text或password的元素，并將其設置為只讀狀態。同時，使用偽類可以更容易地配合其他樣式一起使用，使網頁更加美觀。

總之，在網頁設計中，設置只讀屬性是一項重要的技能。通過掌握這項技能，可以使網頁更加安全、穩定和美觀。