CSS教程之仿163邮箱鼠标放上变色的按钮款式
正如你所见到的这个是一个方块,而网页呢,是由这么多大大小小的方块组成的,可能以下实例会更明确的让你了解这个盒子。[*]
[*]
<!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=utf-8"/><title>仿163邮箱鼠标放上变色的按钮款式www.ckuyun.com</title><style>.btn02{width:60px;height:24px;border:1pxsolid#87a3c1;background:url(/uploadfile/200911/11/1632433537.gif);color:#555;font-size:12px;line-height:180%;cursor:pointer;}.btn04{width:60px;height:24px;border:1pxsolid#a2904d;background:url(/uploadfile/200911/11/1632433537.gif) 0 -66px;color:#630;font-size:12px;cursor:pointer;line-height:180%;}</style></head><body><p><inputname="button2"type="reset"class="btn02"onmou搜索引擎优化ver="this.className=btn04"onmou搜索引擎优化ut="this.className=btn02"id="button2"value="重置"/></p><p>鼠标放到按钮上尝尝www.ckuyun.com</p></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
现在我们不再使用之前所学的“table”定位技术,而是采用Div+css的方式实现各种定位。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。 HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器) 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
页:
[1]