网页当中如何做鼠标经过图片显示文字？
通过css伪类中的“hover”来实现。
1、新建html文件，在body标签中添加一个div标签，div标签里面嵌套一个p标签，然后添加p标签内容，这里以“演示文本”为例：
2、在head标签中添加style标签，然后在style标签中给p标签设置预先显示样式，预先是先不显示的，所以给p标签设置的属性代码是“p {display: none; }”；再给div设置宽和高，这里为了演示方便，为div设置一个灰色的背景色，代码为“div {width: 100px; height: 100px; background: #ccc; }”：
3、给div标签添加hover伪类，然后打出一个空格，再设置此时p标签的显示样式。代码为“div:hover p {display: block; }”，这段代码的意思是，当鼠标放在div上时，将p标签的显示状态从隐藏改成显示，此时p标签中的文字就会显示出来：
伪类选择器hover的使用？
定义和用法:hover 选择器用于选择鼠标指针浮动在上面的元素。提示：:hover 选择器可用于所有元素，不只是链接。提示：:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接。注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。代码效果测试：
请把鼠标指针移动到这些链接上。
这个链接改变颜色。
这个链接改变字体大小。
这个链接改变背景色。
这个链接改变字体。
这个链接会出现下划线。
css中focus的用法？
在css中，focus的意思是“焦点”，是一种伪类选择器，作用是选取获得焦点的元素；通过“:focus”选择器可以对获取焦点的元素设置样式，语法为“元素:focus{css样式代码;}”。
在css中，focus是焦点的意思，通常表示的是“:focus”选择器，“:focus”选择器用于选取获得焦点的元素。接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
