首页用html写一个美化的标题带上五个输入框和一个按钮

用html写一个美化的标题带上五个输入框和一个按钮

时间: 2024-05-15 10:14:16 浏览: 98

可以尝试以下代码： ```html <!DOCTYPE html> <html> <head> <title>美化的标题</title> <style> /* 标题样式 */ h1 { text-align: center; font-family: Arial, sans-serif; font-size: 2.5rem; margin-top: 2rem; } /* 输入框样式 */ input[type="text"] { display: block; margin: 1rem auto; padding: 0.5rem 1rem; border: 2px solid #cccccc; border-radius: 4px; font-size: 1rem; width: 80%; } /* 按钮样式 */ button[type="submit"] { display: block; margin: 1rem auto; padding: 0.5rem 1rem; border: none; border-radius: 4px; background-color: #0066cc; color: white; font-size: 1rem; cursor: pointer; } </style> </head> <body> <h1>美化的标题</h1> <form> <input type="text" placeholder="输入框1"> <input type="text" placeholder="输入框2"> <input type="text" placeholder="输入框3"> <input type="text" placeholder="输入框4"> <input type="text" placeholder="输入框5"> <button type="submit">提交</button> </form> </body> </html> ``` 可以根据自己的需求调整样式和输入框的数量。

阅读全文