1、新建一个focus.html 文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:focus伪类选择器,如图所示:
3、E:focus的含义与作用,如图所示:
4、使用input元素定义一个文本框,如图所示:
5、给input元素添加focus伪类选择器,作用:当文本框获取焦点时,改变背景颜色,如图所示:
6、运行网页,单击文本框,使其获得焦点。此时,可以看到背景色变成了红色,如图所示:
1、新建一个focus.html 文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:focus伪类选择器,如图所示:
3、E:focus的含义与作用,如图所示:
4、使用input元素定义一个文本框,如图所示:
5、给input元素添加focus伪类选择器,作用:当文本框获取焦点时,改变背景颜色,如图所示:
6、运行网页,单击文本框,使其获得焦点。此时,可以看到背景色变成了红色,如图所示: