CSS教程 E:focus伪类选择器

 时间:2024-11-06 07:56:31

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伪类选择器
  • CSS教程 after伪元素选择器
  • CSS教程 伪类选择器四种状态
  • CSS伪类选择器,选择器的优先级,文本属性继承
  • CSS教程 类选择器
  • CSS教程 E:empty伪类选择器
  • 热门搜索
    向英雄致敬手抄报内容 预防疾病手抄报内容 古诗手抄报版面设计 体育节手抄报 低碳生活手抄报图片 关于运动的手抄报 有关春天来了的手抄报 汉字的来历手抄报 向国旗敬礼手抄报内容 手抄报边框大全