1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html鼠标移动到文字改变样式 css实现鼠标滑过改变文字(中文变英文)

html鼠标移动到文字改变样式 css实现鼠标滑过改变文字(中文变英文)

时间:2022-06-11 17:25:58

相关推荐

html鼠标移动到文字改变样式 css实现鼠标滑过改变文字(中文变英文)

鼠标滑过改变文字的效果想必很多朋友都有遇到过吧,本文为大家介绍下css是如何实现的,感兴趣的朋友可以了解下

复制代码 代码如下:

鼠标经过变换文字

#Menu {

width:500px;

margin:50px auto;

border:1px solid #CCC;

overflow:hidden;

}

#Menu ul {

margin:0;

padding:0;

list-style:none;

}

#Menu li {

width:100px;

height:22px;

line-height:22px;

float:left;

overflow:hidden;

text-align:center;

}

#Menu a {

width:100px;

float:left;

overflow:hidden;

}

#Menu span {

display:block;

margin-top:-22px;

}

#Menu a:hover {

padding-top:22px;

}

HOME首页NEWS新闻ABOUT关于CONTACT联系照片PHOTO

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。