css中如何设置让鼠标经过文字左侧显示图片

2024-10-17 02:14:36

1、首先我们先写内容,我们想要的是,一行文字,下面是一个横线。我们先把内容写出来。具体代码为,

css中如何设置让鼠标经过文字左侧显示图片

3、然后我们就加一些样式了,也就是我们常说的css,也就是层叠样式表,叫法是不是比士嫣轶嗄较高端。<style>.l-title{ wi颊俄岿髭dth:120px; height:30px; line-height:30px;list-style:none;text-decoration:none;}.l-title .tubiao{display:none; line-height:30px; margin: 0 10px;}.l-title:hover .tubiao{display:inline-block;}a{text-decoration:none;list-style:none;color:#000;}</style>

css中如何设置让鼠标经过文字左侧显示图片

5、这时我们看下最终的结果,我们截图看下,是不是有点达到结果了。

css中如何设置让鼠标经过文字左侧显示图片

7、最后说明的是要多总结经验,祝大家每天都进步。

猜你喜欢