css文本域如何写

前言：

在网页开发中，文本域（TextArea）是一个常用的表单元素，用于接收用户输入的多行文本。通过CSS样式设置，我们可以自定义文本域的外观和行为，以适应不同的设计需求。

文本域的基本样式：

textarea {
  width: 300px;
  height: 150px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
}

上述代码展示了一个基本的文本域样式，设置了宽度、高度、内边距、字体大小和边框样式。通过修改这些样式值，可以自定义文本域的大小、边框样式等。

文本域的进一步样式定制：

textarea {
  resize: none;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background-color: #f4f4f4;
  color: #333;
  font-family: Arial, sans-serif;
}

上述代码展示了进一步的样式定制，包括禁用文本域的大小调整、添加阴影效果、圆角边框、背景色和文字颜色，以及指定字体。

总结：

通过CSS样式设置，我们可以定制文本域的外观和行为，以满足不同的设计需求。可以设置宽度、高度、内边距、字体大小和边框样式等基本样式，同时也可以添加阴影效果、圆角边框、背景色和文字颜色等进一步的样式定制。