在CSS中，可以使用textarea元素來(lái)創(chuàng)建多行文本框。textarea元素是一種表單元素，可以允許用戶(hù)輸入多行文本，以下是一個(gè)簡(jiǎn)單的示例，展示如何在HTML文檔中使用CSS樣式來(lái)美化多行文本框：
<!DOCTYPE html>
<html>
<head>
<title>多行文本框樣式</title>
<style>
textarea {
width: 300px; /* 文本框?qū)挾?*/
height: 200px; /* 文本框高度 */
padding: 10px; /* 內(nèi)邊距 */
border: 1px solid #000; /* 邊框樣式 */
border-radius: 5px; /* 邊框圓角 */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* 陰影效果 */
resize: none; /* 禁止調(diào)整大小 */
}
</style>
</head>
<body>
<textarea name="message" id="message" placeholder="請(qǐng)輸入多行文本..."></textarea>
</body>
</html>在這個(gè)示例中，textarea元素的樣式被定義為一個(gè)寬度為300像素、高度為200像素的文本框，還設(shè)置了內(nèi)邊距、邊框樣式、邊框圓角、陰影效果和禁止調(diào)整大小等樣式屬性，這些樣式可以幫助你創(chuàng)建一個(gè)美觀且實(shí)用的多行文本框。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
