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

Dreamweaver网页设计项目教程 机械工业出版社 任务4网页美化与特效2（建议2学时） 任务实施 任务实施 按钮美化 （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中的“按钮”，在属性窗口中选择类下拉列表菜单，选择“.btn_srh”，如图所示： 任务实施 按钮美化 （2）应用类样式 2）实时显示效果如图所示： 在Index.html中，类样式“ .btn_srh ”已经添加到了表单代码中，如图所示 ： Thank you! 谢谢观赏