关于HTML+CSS的实例效果很多,下面举出常用的几列,供新手们学习参考。
html+CSS实例效果(1):鼠标滑过改变文字
鼠标经过变换文字#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;}