css漂亮的表单样式

CSS可以让表单样式变得漂亮，让用户更容易填写表单。下面是一些常用的样式技巧：

/* 设置输入框的颜色和边框 */
input[type=text], input[type=email], select, textarea {
background-color: #f1f1f1;
border: none;
padding: 12px;
margin: 8px 0;
width: 100%;
}
/* 设置输入框获得焦点时的样式 */
input[type=text]:focus, input[type=email]:focus, select:focus, textarea:focus {
background-color: #ddd;
outline: none;
}
/* 设置提交按钮的样式 */
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
/* 设置提交按钮的鼠标悬停样式 */
input[type=submit]:hover {
background-color: #45a049;
}
/* 设置错误提示的样式 */
.error {
color: red;
}

这些样式可以让表单看起来整洁且易于填写。在设计自己的表单样式时，可以通过添加其他CSS属性来调整颜色、字体、大小等，以满足自己的需求。

查看更多关于css漂亮的表单样式的详细内容...