DIV教程之CSS制造网页变色按钮:实例详解网页变色按钮

Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
破洛洛文章简介：我们在做网页的时分，一样平常我们做网页按钮基础上都必要两张图片，一张一般形态的图片，一张按下往最终效果片，做这类按钮思绪就是，设置链接a的背景为第一张图片，a:hover的背景为第二张图片。
我们在做网页的时分，一样平常我们做网页按钮基础上都必要两张图片，一张一般形态的图片，一张按下往最终效果片，做这类按钮思绪就是，设置链接a的背景为第一张图片，a:hover的背景为第二张图片

登录/注册后可看大图

登录/注册后可看大图

代码以下：

HTML代码：

<ahref="#"id="theLink"></a>
CSS代码：
#theLink{
display:block;/*由于标签a是内链元素，以是使用这句话将内链元素转化成块状元素，前面的width和height才起感化*/
width:120px;
height:41px;
margin:0auto;
background:url(../images/normal.gif)no-repeat;
}
#theLink:hover{background:url(../images/press.gif)no-repeat;}

网页教授教养网提示：请注重CSS中图片的路径成绩！
</p>
这工具比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+css+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

可以使用 CSS 检查工具进行设计。

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

可以使用 CSS 检查工具进行设计。