如何利用不同形式的样式设置input输入框字体

2024-10-12 19:58:40

1、第一步,打开H HBuilder编辑器,新建静态页面input.html,默认为HTML5模版,如下图所示:

如何利用不同形式的样式设置input输入框字体

3、第三步,在页面input.html中引入input.css样式文件,并在body元素内插入坡纠课柩input输入框,在浏览器查看效果,如下图所示:

如何利用不同形式的样式设置input输入框字体

5、第五步,将样式直接放到input标签元素内,利用内嵌式样式,控制输入框字体属性,如下图所示:

如何利用不同形式的样式设置input输入框字体
猜你喜欢