仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 646|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之仿163邮箱鼠标放上变色的按钮款式

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:37:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
正如你所见到的这个是一个方块,而网页呢,是由这么多大大小小的方块组成的,可能以下实例会更明确的让你了解这个盒子。





<!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的方式实现各种定位。
山那边是海 该用户已被删除
沙发
发表于 2015-1-18 07:01:42 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
简单生活 该用户已被删除
板凳
发表于 2015-1-25 12:40:02 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
谁可相欹 该用户已被删除
地板
发表于 2015-2-2 22:07:42 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
若天明 该用户已被删除
5#
发表于 2015-2-8 12:55:15 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
再现理想 该用户已被删除
6#
发表于 2015-2-25 17:01:02 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
分手快乐 该用户已被删除
7#
发表于 2015-3-8 01:10:47 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
8#
发表于 2015-3-15 20:23:00 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
活着的死人 该用户已被删除
9#
发表于 2015-3-22 04:08:57 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表