css中怎样使鼠标滑过文字下移一个像素

 我来答
言木者
推荐于2016-05-17 · 人生如行路,一路艰辛,一路风景。
言木者
采纳数:1846 获赞数:11488

向TA提问 私信TA
展开全部

在div或者标签使用属性 mrgin-top:1px 就可以了。

示例:为了能看出效果,设置的10px

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>悬浮文字向下滑动</title>
<style type="text/css">
h1:hover{
margin-top:10px;
}
</style>
<body>
<h1>鼠标靠过来,我向下移动咯</h1>
</body>
</html>
虞杨氏邓辰
2019-06-05 · TA获得超过3.7万个赞
知道大有可为答主
回答量:1.4万
采纳率:30%
帮助的人:728万
展开全部
在div或者标签使用属性
mrgin-top:1px
就可以了。
示例:为了能看出效果,设置的10px
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>悬浮文字向下滑动</title>
<style type="text/css">
h1:hover{
margin-top:10px;
}
</style>
<body>
<h1>鼠标靠过来,我向下移动咯</h1>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
汉卿站
2010-05-19
知道答主
回答量:9
采纳率:0%
帮助的人:0
展开全部
如果是链接文字,可以用a:link 和a:hover来实现,

如果不是链接文字,而能在IE6正确显示的话,楼上的办法是无效的,

要用到javascript.
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
chris_zcl
2010-05-19 · TA获得超过468个赞
知道小有建树答主
回答量:567
采纳率:0%
帮助的人:331万
展开全部
<style>
#hoverDiv:hover{margin:1px 0px 0px 0px;}
</style>

<div id="hoverDiv">文字</div>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式