CSS教程 E:focus伪类选择器

2025-04-24 07:39:00

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伪类选择器
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢