css实现鼠标悬停时图片加边框效果 怎么改成内联方式实现

<head>
<title>css实现鼠标悬停时图片加边框效果</title>
<style type="text/css">

.demo2 img:hover{border:1px red solid;}

</style>
</head>
<body>

<div class="demo2" >
<img src="翡翠谷.jpg" width="107" height="107" />
<img src="翡翠谷.jpg" width="107" height="107" />
<img src="翡翠谷.jpg" width="107" height="107" />
<img src="翡翠谷.jpg" width="107" height="107" />
</div>

内联方式?内联是元素的呈现形式。
你是说把边框显示在图片里面吗?这样是实现不了的。
如果你是想指到图片上,图片位置不会因加了边框移动的话可以实现,先给border定义一个白色或背景色的边框,然后hover时改变border-color就可以。追问

其实 是这样的 不用js 不用外联CSS 实现当鼠标经过图片时 图片边框变颜色(就是一些动态的效果)

追答

这个很简单呀。不用外联CSS就直接在head区加

img{border:1px solid #eee;}
img.changborder:hover{border-color:#ccc;}

在需要的地方加class="changborder"就可以了。

追问

我错了

img{border:1px solid #eee;}
img.changborder:hover{border-color:#ccc;}

在我的网页里写了会被过滤掉写了也没用

温馨提示:内容为网友见解,仅供参考
第1个回答  2012-06-11
写在你head里面的<link/>标签下边,再有就是ie6不支持除了a标签以外的hover属性。建议用js来实现。

...如何用css设置鼠标在div元素上悬停产生过渡效果,且不影响同级别的...
第一个问题 必须高度固定 并且overflow设成hidden 弹出来新的层 而不能是改变高度 (要想改变高度不影响只能是绝对定位 但你这么多不可能都绝对定位吧) 第二个问题 我只能说标题标签是区块 自站一行 肯定上不去- - 改成内联 或者 浮动 ...

如何用css设置鼠标属性的小手
要将鼠标指针样式设置为小手,可以使用`cursor: pointer;`这一CSS样式。这样,当用户将鼠标悬停在相应元素上时,鼠标指针会变成一个手形图标。3. 应用方式:这个属性可以应用到任何HTML元素上。例如,如果你想让某个按钮或者一个链接在鼠标悬停时显示小手图标,你可以为这个元素添加CSS样式。如果是内联样式...

关于导航栏不能显示鼠标悬停便图片问题
"ul li a:hover" 你前面加了个点“.”,不用加点的,你看见看没

如何将浮动导航栏浮出来的文字浮在与下一栏文字的表面css浮动于...
1.打开WPS文本文档,[插入],[图片];2.选中图片,右键选择“设置对象格式”;3.在“设置对象格式”对话框中单击[布局],选择“文本下的线条”,单击[确定];4.完成了将图片悬浮在文字下方的操作,效果如上图所示。扩展数据为了在实际应用中实现多种排版效果,WPStext为用户提供了多种文字和对象之间...

css样式如何使用css样式怎么用
一、与HTML的结合CSS与HTML的结合有三种方式:外部样式、内部样式和内联样式。①外部样式当需要对很多页面应用样式时,外部样式表将是一个理想的选择。在使用外部样式表的情况下,您可以通过更改一个文件来更改整个站点的外观。每个页面都使用标签链接到样式表。文档开头:___@import"main.CSS";_②内部样式您可以使用标...

css外部链接样式怎么写?
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。 易于使用和修改 CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将...

第四篇:前端八股文-CSS
通过设置`mix-blend-mode`属性,可以改变视频与其他元素的融合方式,实现透明效果或其他视觉效果。单行和多行文本溢出省略效果 通过设置文本溢出行为,如使用`overflow: ellipsis`,可以实现文本超出容器时显示省略号的效果。对于单行文本,可以使用`white-space: nowrap`配合文本换行处理,以避免超出容器的部分...

ie中怎么改变select的高度
我想尝试使用css来模拟实现可改变高度,其实ie67下可以通过设置font-size来实现改变select的高度,但是这个是个不是很靠谱的方法,我说下我实现的原理:第一步:就是在select外边加上两个div分别是 select-outer 和select-inner,然后给他们成inline-block,这样主要为了模拟select是内联元素,然后给select-...

css在浏览器中没效果了
首先第一个格式问题 外联样式进入应放在结束标签之前;第二个,f12打开控制台,看有无404报错,可能存在css文件不一致导致样式没有引入,还有就是你页面进入两个css文件,控制台看下是否是因为样式冲突或者权重问题导致

css如何实现无限轮播图动画(代码示例)
1、设置动画的舞台HTML与之前文章里的示例非常相似。我们要有一个动画发生的舞台(#stage),一个将会旋转的div容器和一系列图像:

相似回答