CSS中的多行文本框可以讓網(wǎng)站設(shè)計(jì)者更為靈活地配置網(wǎng)頁(yè)，使網(wǎng)站的排版更具魅力和可讀性。但是對(duì)于某些初學(xué)者來(lái)說(shuō)，多行文本框可以變得非常棘手。下面我們來(lái)看一下如何使用CSS實(shí)現(xiàn)多行文本框。

<textarea></textarea>

首先我們需要明確，多行文本框使用的是<textarea>標(biāo)簽，而不是普通的<input>標(biāo)簽。<textarea>標(biāo)簽允許我們?cè)诒韱沃刑砑右粋€(gè)或多個(gè)文本區(qū)域。

接著我們會(huì)使用CSS的屬性，將<textarea>標(biāo)簽優(yōu)美地美化。我們這里給出常用的一些屬性:

textarea{
width: 100%;
max-width: 500px;
min-height: 100px;
border: 1px solid #ccc;
padding: 10px;
}

上述樣式中

• width: 設(shè)置文本區(qū)域的寬度，這里我們使用100%以使文本區(qū)域更兼容不同的屏幕大小。
• max-width: 設(shè)置文本區(qū)域的最大寬度，以免在較大的屏幕上放置過(guò)多的文字。
• min-height: 設(shè)置文本區(qū)域的最小高度，在沒(méi)有文本的情況下，文本區(qū)域至少應(yīng)有一定高度。
• border: 設(shè)置文本區(qū)域的邊框，為了將其與其他元素區(qū)分開(kāi)來(lái)。
• padding: 在文本區(qū)域內(nèi)添加填充，以免文本與邊框重疊。

通過(guò)上述屬性的設(shè)置，我們就可以獲得一張漂亮的多行文本框。如果您想要更豐富的效果，則可以通過(guò)其他屬性來(lái)實(shí)現(xiàn)，這是根據(jù)實(shí)際需要而定的。讓我們使用CSS構(gòu)建一個(gè)更好的網(wǎng)站頁(yè)面。