下面是一些常见的CSS样式,可以应用在文本域上:
/*设置文本域边框*/ textarea { border: 1px solid #ccc; border-radius: 5px; } /*设置文本域背景色*/ textarea { background-color: #f5f5f5; } /*设置文本域宽度和高度*/ textarea { width: 300px; height: 150px; } /*设置文本域字体和大小*/ textarea { font-family: Arial, sans-serif; font-size: 14px; } /*设置文本域内部文字对齐方式*/ textarea { text-align: left; } /*设置文本域内部文字间距*/ textarea { letter-spacing: 1px; } /*设置文本域内部文字颜色*/ textarea { color: #333; } /*设置文本域内部文字水印*/ textarea::placeholder { color: #999; } /*设置文本域焦点状态下的样式*/ textarea:focus { outline: none; border-color: #09f; box-shadow: 0 0 10px #09f; }
通过以上样式,大家可以实现文本域的边框、背景色、宽度、高度、字体、大小、对齐方式、间距、颜色、水印、焦点样式等多种美化效果。但需要注意的是,CSS样式应该根据具体的要求和网站风格进行调整,不宜盲目追求极致效果。