在CSS中，可以使用textarea元素來創(chuàng)建多行文本框。textarea元素是一個多行的輸入字段，用戶可以在其中輸入大量的文本，以下是一個簡單的例子，展示如何在HTML文檔中使用CSS樣式來美化多行文本框：
<!DOCTYPE html>
<html>
<head>
<title>CSS多行文本框示例</title>
<style>
.text-box {
width: 300px;
height: 200px;
border: 1px solid #000;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
background-color: #f5f5f5;
resize: none; /* 禁止調(diào)整文本框大小 */
}
</style>
</head>
<body>
<textarea class="text-box" rows="10" cols="30"></textarea>
</body>
</html>在這個例子中，我們首先在HTML文檔中使用textarea元素創(chuàng)建了一個多行文本框，在CSS樣式中，我們定義了一些屬性來美化這個文本框的外觀，這些屬性包括寬度、高度、邊框、內(nèi)邊距、字體、字號、顏色、背景色以及禁止調(diào)整文本框大小。
通過CSS樣式的應(yīng)用，我們可以輕松地定制多行文本框的外觀，使其更加符合我們的設(shè)計需求。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時請以鏈接形式注明文章出處。
