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

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

图片经过的时候出现的样式,比如
<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就好了啊

温馨提示:内容为网友见解,仅供参考
第1个回答  2021-01-03

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

第2个回答  2014-05-19
#Div ul li a {width:95px; height:26px; display:block;}
#Div ul li a:hover,#Div ul li.hover a {border:#c60404 1px solid;}
第3个回答  2014-05-19
a:hover{border:xx}追问

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

CSS样式鼠标点击与经过的效果一样
1、新建一个HTML文件,文件名为test.html,title标题为"CSS实现鼠标经过导航的超链接时显示下划线效果"。2、在页面编写nav标签,在里面放三个超链接(首页、栏目一、栏目二),代码如下:3、运行代码,效果如下:4、使用css对导航的字体的字体大小、颜色、排列方式等进行美化,代码如下:5、运行代码,效果...

CSS样式 怎样才可以做到鼠标移动到字体下显示有下划线
1、打开html开发工具并创建一个html文件。2、在html页面上找到标记,键入标记,并用标记覆盖内容。3、修改标签的内容,将颜色设置为蓝色。4、将鼠标设置为在标签上滑动,字体下方将变为红色下划线:a:hover {color:red}。

css鼠标放着显示介绍怎么操作css中鼠标放上去显示
2.在test.html文件中,创建一个div模块。接下来,将使用css来设置这个div的样式,以便鼠标可以移动到div来显示手形。3.在test.html文件中,将div的class属性设置为mydiv,主要用于css定义这个div的样式。4.在css标签中,使用“*”初始化页面所有元素的内边距为0,外边距为0。5.在css标记中,定义类名...

鼠标经过文字的时候显示隐藏图片的css样式~
1.打开dw软件并创建一个新文档。2.在dw中,编写以下css样式: .mengsb {width:648px; margin:0px auto;}.jixing1 a {position:relative; width:320px; margin:0 0px 0 0; float:left; height:232px;}。3.然后将以下图像添加到正文中,代码为: 。4.查看实时视图中的最终效果。5,...

CSSDIV怎么做出来鼠标移动上就显示其内容?
1、新建html文档,在body标签中添加一个div标签,然后在div标签中添加p标签,为p标签添加内容:2、为了方便演示,给div标签设置宽高和背景颜色,然后给p标签设置“display”属性,属性值为“none”,这样p标签中的文字默认情况下不会显示:3、给div设置hover伪类,当鼠标移动到div区域时,设置p标签的样...

css如何设置鼠标指针的样式?
大家好,鼠标放到我身上就可看到效果 3、为新家添加鼠标指针为手指样式。在html代码页面中找到<tilte>,在这个后面创建一个,然后在中新建一个样式类,最后为这个样式类添加鼠标指针样式。代码: .pointer{ cursor: pointer;} 4、把鼠标指针样式添加到标签上。添加后的代码: 大家好,鼠标放到我身上...

CSS鼠标经过图片变亮,移开变变暗效果代码怎么写
1、打开hbuilder,在空白的html文件上面设置一个div,给div一个class并命名为img:2、在css里设置img的类一定的宽和高,引入示例图片,设置图片为不重复。并且给img的类设置“:hover”伪类,设置伪类内的透明度为0.6:3、打开浏览器,在浏览器内查看效果:4、将鼠标移入图片,就会发现图片已经变亮了...

如何用它CSS设置鼠标单击后的样式
要实现鼠标单击后CSS样式的改变,你需要的基本工具包括电脑、浏览器和HTML编辑器。以下是一个简单的步骤指南:首先,启动HTML编辑器,创建一个新的文件,例如命名为"index.html"。接着,进入编辑器,在index.html文件中找到并插入

在DW,CSS样式鼠标经过时会跳动是怎么做的?
DW中,插入--交互式图像--鼠标滑过效果;这个是比较简单的;如果用语言来写的话,需要熟悉js和css的

css 鼠标经过超级链接时出现下划线的标记代码
a{color: #0162f4;} 鼠标离开的时候颜色为蓝色,#0162f4颜色代码自己改 a:hover{text-decoration:underline;color: #C20C0C;} 鼠标经过的时候出现下划线text-decoration:underline,不要下划线改成text-decoration:none即可,color: #C20C0C为鼠标经过时字体显示的颜色!

相似回答