textarea的css

`textarea` 元素在 HTML 中用于创建多行文本输入字段，其样式可以通过 CSS 进行定制。以下是一些常用的 `textarea` CSS 属性和示例：

1. **宽度和高度**:
使用 `width` 和 `height` 属性设置 textarea 的尺寸，单位通常是像素（px）或百分比（%）。

   textarea {
       width: 400px;
       height: 100px;
   } 

2. **边框**:
你可以调整边框的样式、宽度和颜色。

   textarea {
       border: 1px solid #ccc;
       border-radius: 5px; /* 添加圆角 */
   } 

3. **背景和前景色**:
通过 `background-color` 和 `color` 设置内部区域和文本的颜色。

   textarea {
       background-color: #f8f8f8;
       color: #333;
   } 

4. **文本对齐**:
使用 `text-align` 属性控制文本的对齐方式，如 `left`, `center`, `right` 或 `justify`。

   textarea {
       text-align: center;
   } 

5. **内边距和外边距**:
用 `padding` 控制内容与边框之间的空间，`margin` 控制元素与周围内容的距离。

   textarea {
       padding: 10px;
       margin: 15px 0;
   } 

6. **换行符处理**:
可以用 `white-space` 属性控制是否自动换行或折行。

   textarea {
       white-space: pre-wrap; /* 自动换行，但单词不换行 */
   } 

7. **滚动条样式**:
   通过 `overflow` 属性控制是否显示滚动条，以及滚动条的样式。

textarea {
overflow: auto; /* 显示滚动条 */
}