10.选择【窗口】@@【CSS样式】命令（快捷键：【Shift+F11】），打开Dreamweaver 8的CSS样式面板。如图1.22所示。
图片附件: 1-024.jpg (2006-8-17 18:06, 13.81 K)


图1.22 打开Dreamweaver 8的样式面板
11.点击【CSS样式面板】右下角的 按钮，创建新的样式规则。
12. 如图1.23所示，在弹出的【新建样式规则】面板中进行相应的设置。在“选择器类型”单选按钮中选择“类”；在“名称”文本框中输入“.bg”；在“定义在”单选按钮中选择“新建样式表文件”。
图片附件: 1-025.jpg (2006-8-17 18:06, 22.43 K)


图1.23 新建样式规则
13.点击【确定】按钮，进入到保存样式的窗口。如图1.24所示。
图片附件: 1-027.jpg (2006-8-17 18:06, 38.46 K)


图1.24 保存样式对话框
14.给这个样式命名为“dm”，保存在当前站点中的“css”文件夹中。
15.点击【保存】按钮，进入到样式效果的编辑窗口。
16. 如图1.25所示，在【编辑样式】窗口选择左侧“分类”里的“背景”，在右侧进行相应的设置。在“背景图像”文本框中输入背景图片的相对路径；在“重复”下拉列表中选择“纵向重复”；在“水平位置”下拉列表中选择“右对齐”。
图片附件: 1-029.jpg (2006-8-17 18:06, 33.3 K)


图1.25 选择背景的渐变色区域
17.点击【确定】按钮，样式创建完毕。相应的样式表文件保存这站点中的“css”文件夹内。如图1.26所示。
图片附件: 1-031.jpg (2006-8-17 18:06, 38.94 K)


图1.26 选择背景的渐变色区域
18.在Dreamweaver 8的页面编辑窗口中，选择左下角标签选择器中的“body”标签。如图1.27所示。
图片附件: 1-032.jpg (2006-8-17 18:06, 137.19 K)


图1.27 在标签选择器中选择“body”标签
19.在标签选择器的“body”标签上单击鼠标右键，在弹出的菜单中选择【设置类】@@【bg】，如图1.28所示。
图片附件: 1-033.jpg (2006-8-17 18:06, 11.04 K)


图1.28 给“body”标签添加样式
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页