Dreamweaver网页设计项目教程 作者 王雪松 项目二 任务4网页美化与特效2.pptVIP

Dreamweaver网页设计项目教程 机械工业出版社 任务4网页美化与特效2（建议2学时） 任务实施 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 任务实施 按钮美化 （1）创建类样式 1）创建.btn_srh的CSS样式。单击CSS样式面板下方的“新建CSS规则”按钮，在弹出的“新建CSS规则”对话框中做如图所示的设置，设置完成后单击“确定”按钮。 任务实施 按钮美化 （1）创建类样式 2）单击“确定”按钮后，弹出“.btn_srh的CSS规则定义”对话框，设置它的背景图片及背景图片不重复，如图所示： 任务实施 按钮美化 （1）创建类样式 3）在方框样式中，设置它的宽度为58px，高度为23px，如图所示： 任务实施 按钮美化 （1）创建类样式 4）在边框样式中，设置它的边框线样式（style）为实线（none），如图所示： 任务实施 按钮美化 （1）创建类样式 5）在扩展样式中，设置它的光标形状（cursor）为手形样式（Pointer），如图所示： 任务实施 按钮美化 （2）应用类样式 1）返回index.html，选中头部#search中的“按钮”，在属性窗口中选择类下拉列表菜单