|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
所有的设计第一步就是构思,构思好了。
破洛洛文章简介:HTML和CSS做网页实例教程:鼠标滑过笔墨改动.
关于HTML+CSS的实例效果良多,上面举出经常使用的几列,供老手们进修参考。
html+CSS实例效果(1):鼠标滑过改动笔墨
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>鼠标经由变更笔墨</title>
<style>
#Menu{width:500px;margin:50pxauto;border:1pxsolid#CCC;overflow:hidden;}
#Menuul{margin:0;padding:0;list-style:none;}
#Menuli{width:100px;height:22px;line-height:22px;float:left;overflow:hidden;text-align:center;}
#Menua{width:100px;float:left;overflow:hidden;}#Menuspan{display:block;margin-top:-22px;}
#Menua:hover{padding-top:22px;}
</style>
</head>
<body>
<ulid="Menu">
<li><ahref="#"><span>HOME</span>首页</a></li>
<li><ahref="#"><span>NEWS</span>旧事</a></li>
<li><ahref="#"><span>ABOUT</span>关于</a></li>
<li><ahref="#"><span>CONTACT</span>接洽</a></li>
<li><ahref="#"><span>照片</span>PHOTO</a></li>
</ul>
</body>
</html>
</p>
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。 |
|