/* CSS表单代码 */ input[type=text], input[type=password], textarea { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type=submit] { width: 100%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; } input[type=submit]:hover { background-color: #45a049; } .form { border-radius: 5px; background-color: #f2f2f2; padding: 20px; }
这里是一个实际的CSS表单代码。它包含了输入字段,提交按钮和一个预留空间来显示表单上的消息。您可以使用此代码,为您的网站创建一个漂亮的Web表单。您可以根据需要进行修改,并将其作为模板进行下载。
还有很多其他的CSS表单模板可以下载。您可以访问一些知名的网站,如CodePen和GitHub,来查找和下载这些模板。在选择适合您的模板时,请确保考虑到您网站的主题和颜色方案。最终的结果应该是一个漂亮的,整洁的表单,让访问者顺畅的填写表单信息。