CSS是前端開發中必不可少的技術，它可以控制網頁的樣式和布局。今天我們來介紹一種利用CSS來顯示三行文本框的方法。

首先我們需要在HTML文件中創建一個input標簽，如下所示：

<input type="text" id="text-box">

接下來，在CSS文件中添加以下代碼：

#text-box {
display: block;
width: 80%;
margin: 0 auto;
padding: 10px;
font-size: 16px;
line-height: 24px;
border: 1px solid #ccc;
}

這段代碼中，我們使用了display屬性來將文本框設置為塊級元素，讓它可以占據整行的寬度。我們還使用了width屬性來設置文本框的寬度，margin屬性來讓文本框水平居中，padding屬性來設置文本框內部的距離，font-size屬性來設置文本的大小，line-height屬性來設置文本的行高，border屬性來設置文本框的邊框。

通過這種方法，我們可以輕松地創建一個三行文本框，讓網頁看起來更美觀，用戶體驗更好。