CSS 提供了用于获取焦点的伪类选择器（:focus），可用于定义元素获得焦点时的样式。以下示例通过为 input 元素设置 :focus 伪类，改变其获取焦点时的背景颜色。
1、 启动HTML开发工具，创建新的HTML代码文件。
2、 在新建的HTML页面中添加一个文本输入框。
3、 创建一个文本输入框，用于用户输入文字内容。
4、 在title标签后添加style标签，通过input:focus选择器定义样式，实现输入框获取焦点时背景颜色改变的效果。
5、 样式代码重写
6、 }
7、 保存HTML代码后用浏览器打开，将鼠标悬停在输入框上，输入框背景色会自动变为绿色。
