input[type="text"], input[type="password"], textarea { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #333; }
在上面的代码中,大家可以看到几个属性用来控制文本框字体样式:
- font-family属性:用于设置字体样式,可以设置多个字体,如果第一个字体无法显示,则选择第二个字体,以此类推。
- font-size属性:用于设置字体大小,单位可以是px、em、rem等。
- line-height属性:用于设置行高,可以是数字、百分比等。
- color属性:用于设置字体颜色。
除了以上属性,大家还可以使用font-weight属性来设置字体粗细、text-decoration属性来给文本添加下划线或删除线等效果。
input[type="text"], input[type="password"], textarea { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #333; font-weight: bold; text-decoration: underline; }
总之,在设计网页中使用文本框时,优美的字体样式可以让整个页面看起来更加美观、舒适,增加用户的阅读体验。