CSS（層疊樣式表）是一種用于控制網頁布局的技術，在CSS中文本框是一個非常常見的元素。在本文中，我們將探討CSS文本框的使用方法和實例。 首先，讓我們看一下如何創建CSS文本框。以下是一個基本的CSS文本框代碼示例：

<style>
.text-box {
width: 300px;
height: 150px;
border: 2px solid #ccc;
padding: 10px;
font-size: 16px;
}
</style>
<div class="text-box">
<p>這是一個CSS文本框的例子。</p>
</div>

在上述代碼中，我們首先定義了一個名為“text-box”的class。通過使用該class，我們將為div元素創建一個樣式，使其成為一個CSS文本框。該文本框具有300像素的寬度和150像素的高度，邊框寬度為2像素，顏色為#ccc（灰色），填充為10像素。我們還定義了文本框中字體的大小為16像素。 然后，我們在div元素中插入了一個段落（p）元素，其中包含簡短的文本內容作為示例。 現在，我們已經創建了一個基本的CSS文本框，讓我們繼續看看如何定制文本框的樣式。

<style>
.text-box {
width: 300px;
height: 150px;
border: 2px solid #ccc;
padding: 10px;
font-size: 16px;
font-family: Arial, sans-serif;
background-color: #f8f8f8;
box-shadow: 2px 2px 5px #ccc;
}
</style>
<div class="text-box">
<p>這是一個CSS文本框的例子。</p>
</div>

在上述代碼中，我們添加了新的樣式，在文本框中使用了一個新字體“Arial, sans-serif”，這是一種非常常見的字體風格。我們還將文本框的背景顏色設置為#f8f8f8，這是一種較淺的灰色。最后，我們還添加了一個陰影效果，使文本框看起來更加立體。 總的來說， CSS文本框是一種非常有用的元素，可以幫助您在網頁上更好地控制布局和顯示，使您的網站更加美觀和易用。