查看: 3611|回复: 0
上一主题 下一主题

纯CSS实现鼠标放上去改变文字内容

80572

主题

0

好友

积分

离线 发信

跳转到指定楼层
楼主
发表于 2017-03-10 21:49 | 只看该作者 | 倒序浏览

css峰

浠g濡涓:


.remind span {display:block;margin-top:-22px;}
.remind a:hover {padding-top:22px;}
.remind a {float:left;overflow:hidden;}
.remind{height:22px;line-height:22px;overflow:hidden;padding-left:10px;}

html浠g

浠g濡涓:


<div class="remind"><a target="_blank" href="http://www.jb51.net#"><span>濡淇瑰凤璇峰淇逛俊稿宠抽</span>绀lt;/a></div>

蜂瀹渚


来源:http://www.jb51.net/article/50189.htm