标签：

改变背景：background-image:Url(Images/water.png);

Html+CSS实例效果(1):鼠标滑过改变文字

如图效果

代码如下

html部分:

<div >
    <ul id="Menu">
     <li><a href="#"><span>HOME</span>首页</a></li>

     <li><a href="#"><span>地址</span>Address</a></li>
    </ul>
</div>

css部分:

#Menu{
    width: 500px;margin: 50px auto; border: 1px solid #ccc;overflow: hidden;
}
#Menu ul{
    margin: 0;padding: 0;
}
#Menu li{
    width: 100px;height: 22px;line-height: 22px;float: left;overflow: hidden;text-align:center; list-style: none;}

#Menu span{display: block;margin-top: -22px;}
#Menu a:hover{padding-top: 22px;}
#Menu a{ width:100px;float:left;overflow:hidden;}

前端html+css练习

标签：

原文地址：http://www.cnblogs.com/mhxy13867806343/p/4432521.html