CSS教程 E:focus伪类选择器

时间：2026-04-25 06:23:33

1、新建一个 EFocus.html 文件，如图所示

CSS教程 E:focus伪类选择器

2、输入 <!DOCTYPE html> 作用：使用html5的标准，如图所示：

CSS教程 E:focus伪类选择器

3、输入网页结构的头部和主体，设置title为：E:focus伪类选择器，如图所示：

CSS教程 E:focus伪类选择器

4、E:focus伪类选择器的作用：设置元素在成为输入焦点(该元素的onfocus事件发生)时的样式，如图所示：

CSS教程 E:focus伪类选择器

5、输入 form 和 input 标签，设置其属性method和action，如图所示：

CSS教程 E:focus伪类选择器

6、给 input 标签添加E:focus伪类选择器，如图所示：

CSS教程 E:focus伪类选择器