CSS中的fields指的是文本框、复选框、单选框、按钮等用户界面元素。这些元素具有不同的属性和样式,可以通过CSS来控制。/ 设置文本框 / input { width: 200px; height...
CSS中的fields指的是文本框、复选框、单选框、按钮等用户界面元素。这些元素具有不同的属性和样式,可以通过CSS来控制。
/* 设置文本框 */
input[type="text"] {
width: 200px;
height: 30px;
font-size: 18px;
border: 1px solid #ccc;
padding: 5px;
}
/* 设置复选框和单选框 */
input[type="checkbox"], input[type="radio"] {
margin-right: 5px;
}
/* 设置按钮 */
button {
padding: 8px 16px;
font-size: 16px;
cursor: pointer;
border: none;
background-color: #f00;
color: #fff;
}
/* 设置悬停效果 */
button:hover {
background-color: #fff;
color: #f00;
}
通过定义fields的样式,可以使用户界面更加美观、易用。同时,也能够提高用户的交互体验,让网站更加有吸引力。