textarea { width: 300px; /* 设置文本框宽度 */ height: 100px; /* 设置文本框高度 */ padding: 10px; /* 设置文本框内边距 */ font-size: 16px; /* 设置文本字号 */ font-family: Arial, sans-serif; /* 设置文本字体 */ border: 2px solid #ccc; /* 设置边框样式 */ border-radius: 5px; /* 设置边框圆角 */ outline: none; /* 去掉默认的聚焦边框 */ resize: none; /* 禁止文本框大小调整 */ }
在以上CSS代码中,大家使用了以下属性:
width
可以设置文本框的宽度。height
可以设置文本框的高度。padding
可以设置文本框内边距。font-size
可以设置文本的字号。font-family
可以设置文本的字体。border
可以设置文本框的边框样式。border-radius
可以设置边框的圆角。outline
可以去掉默认的聚焦边框。resize
可以禁止文本框大小调整。
通过以上CSS代码,大家可以得到一个样式良好、功能齐全的CSS文本框。可以根据实际需求调整其中的属性值,以满足自己的需求。