首页多行文本输入框html怎么修改圆角

多行文本输入框html怎么修改圆角

时间: 2024-12-17 21:47:13 浏览: 11

要在HTML中创建一个多行文本输入框，并使其有圆角，你可以使用CSS样式来改变其`border-radius`属性。这里是一个基本的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style> .rounded-input { width: 300px; /* 设置宽度 */ height: auto; padding: 10px; border: none; outline: none; background-color: #f5f5f5; /* 设置背景色 */ border-radius: 10px; /* 设置圆角 */ box-sizing: border-box; /* 保持内边距和边框大小不会影响总尺寸 */ resize: vertical; /* 允许垂直调整 */ } </style> </head> <body> <textarea class="rounded-input" placeholder="请输入多行文字..."></textarea> </body> </html> ``` 在这个例子中，`.rounded-input`类设置了输入框的圆角、背景色和其他样式。你可以根据需要自定义宽度、高度、颜色等。如果想让所有文本输入框都有这个效果，只需给它们添加这个类即可。

阅读全文