css设置html的输入框
时间: 2023-10-08 22:05:37 浏览: 211
Bootstrap CSS组件之输入框组
要设置HTML的输入框的样式,可以使用CSS。以下是一些常见的CSS属性,用于设置输入框的样式:
1. border:设置输入框的边框样式,如border: 1px solid #ccc;
2. background-color:设置输入框的背景色,如background-color: #f5f5f5;
3. color:设置输入框内文字的颜色,如color: #333;
4. font-size:设置输入框内文字的大小,如font-size: 14px;
5. padding:设置输入框内边距,如padding: 8px;
6. width:设置输入框的宽度,如width: 300px;
7. height:设置输入框的高度,如height: 40px;
8. border-radius:设置输入框的圆角,如border-radius: 4px;
例如,以下CSS代码将创建一个带有灰色边框和白色背景的输入框:
input[type="text"] {
border: 1px solid #ccc;
background-color: #fff;
color: #333;
font-size: 14px;
padding: 8px;
width: 300px;
height: 40px;
border-radius: 4px;
}
阅读全文