Question

CSS的样式怎样设置成鼠标经过时出现

CSS设置了图片边框的样式，但是想要在鼠标滑过该图片时才出现边框样式，请问怎么设置？

Answer 1

图片经过的时候出现的样式，比如
<img src="aaa.jpg" alt="" title="" class="GQ"/>

这样的话就可以写成
.GQ:hover {
border:2px solid #000;

}
写在css里面。hover前面的是你的图片的选择器。
这样的话，是鼠标经过的时候边框变成黑的2像素

追问

不好意思啊，我添加到CSS里面了，也定义了图片，还是没反应，图片选择器是什么？

追答

你想要改变的img是不是之前有写css样式？就是我那边的GQ
选择器就是我们css里面的。id选择器 #id名 类名选择器 .类名选择器。你要用选择器选中你的图片啊，不然怎么修改他的样式，hover跟一般的css样式定义是一样的

追问

噢，所以我就是不知道怎么用选择器选中图片，是新建CSS样式里面选择器指定的名称是吗？怎么指定我要修改的图片呢？

追答

....alt是图片加载失败的时候显示出来的信息，跟你的hover没有关系， title是鼠标移动到图片上显示出来的信息。
那你就把你之前的css样式后面加上:hover就好了啊

Answer 2

Vue实践-CSS样式position/display/float属性对比使用

Answer 3

#Div ul li a {width:95px; height:26px; display:block;}
#Div ul li a:hover,#Div ul li.hover a {border:#c60404 1px solid;}

Answer 4

a:hover{border:xx}

追问

这个代码添加在哪里？我添加过，但是没反应，不知道是不是添错位置了