文本框是在網頁中常見的輸入框元素，它允許用戶在其中輸入內容。但是有時候，我們希望文本框只用于展示內容，不允許用戶進行編輯，這時我們可以使用文本框的只讀屬性來實現。

要讓文本框只讀，我們需要使用CSS設置其只讀狀態。具體來說，可以使用“readonly”屬性來將文本框設置為只讀狀態。下面是一個簡單的例子：

<input type="text" readonly value="我是只讀文本框"/>

上面的代碼中，我們使用了input元素來創建文本框，并設置了它的type屬性為"text"，表示這是一個文本框。然后我們再設置了readonly屬性為true，表示這個文本框只讀。最后，我們設置了文本框的默認值為“我是只讀文本框”。

除了使用屬性設置外，我們也可以使用CSS樣式來實現文本框的只讀效果。下面是使用CSS的例子：

<style>
.readonly {
border: none;
background-color: #f1f1f1;
color: #666;
}
</style>
<input type="text" class="readonly" value="我是只讀文本框"/>

上面的代碼首先定義了一個名為“readonly”的CSS類，它將文本框的邊框設置為無，背景顏色設置為灰色，字體顏色設置為深灰色。然后我們通過在文本框中添加“readonly”類來應用這個樣式。

總之，無論是使用屬性還是CSS樣式，我們都可以很容易地實現文本框的只讀效果。這對于展示頁面中重要信息的時候非常有用。