来讲讲：HTML和CSS做网页实例教程:鼠标滑过笔墨改动
所有的设计第一步就是构思，构思好了。破洛洛文章简介：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标准化的影响下，网页设计人员已经把这一要求作为行业标准。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。
页:
[1]