css文文本框

CSS文本框是一种常见的网页元素，它可以为用户提供一个输入或编辑文本的区域。

textarea>
    /textarea>

文本框的样式可以通过CSS进行自定义。以下是一些常见的CSS属性，可以用来调整文本框的样式：

textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
}

width属性设置文本框的宽度，height属性设置文本框的高度。border属性可以设置文本框的边框样式，border-radius可以设置边框圆角。padding属性可以设置文本框内部的间距，font-size设置文本字体大小，line-height设置文本行高。

除了以上常见的CSS属性，还可以使用伪元素来添加额外的文本框装饰，例如添加下划线：

textarea:focus:before {
    content: "";
    border-bottom: 2px solid #ddd;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
    

以上代码中，我们使用了伪元素:before来给文本框添加装饰。当文本框获得焦点时，就会显示下划线。

通过CSS自定义文本框样式可以让网页更加美观和易用，但需要注意不要过度使用，以免影响页面性能和用户体验。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！