dw制作网站背景（用dw做网页怎么设置背景图片）

金生今天 52

默认

摘要： 怎么用dw设置的背景图片不重复而且保持一张大图片占面网页?通过这种方式，背景图片会按照指定的路径加载，并且使用#ccc作为背景颜色，确保背景清晰可见。同时，no-repeat属性...

怎么用dw设置的背景图片不重复而且保持一张大图片占面网页?

通过这种方式，背景图片会按照指定的路径加载，并且使用#ccc作为背景颜色，确保背景清晰可见。同时，no-repeat属性会防止图片重复显示，而center center则将图片居中对齐。

打开DW，点击上面菜单中的【修改】选择【页面属性】在分类中选择【外观（css）】，并找到背景图像和重复两个选项。首先打开一张图片，点击【确定】。然后再设置重复选项，该选项一共有四个：no-repeat、repeat、repeat-x、repeat-y，分别为重复、不重复、重复于水平面、重复于垂直面。

首先，确保图片尺寸与所需背景区域相符。通过调整图片尺寸或使用CSS属性（如width和height）为背景元素设置特定大小，可以避免图片重复排列。例如，若图片宽度为300px，需要将其应用于一个宽度为500px的元素时，可以使用CSS设置图片宽度为500px，同时保持图片高度与宽度的比例，以保证图片不失真。

如果需要在不同设备上重复显示背景图片，可以将background-size属性设置为repeat。这样设置后，背景图片会在整个页面上重复显示。需要注意的是，全屏显示的背景图片在某些情况下可能会导致页面加载速度变慢，因此在选择背景图片时，应尽量选择较小的图片文件，以提高页面加载速度。

使用DW的布局工具对图片进行精确定位，以确保它能完美覆盖整个窗口。设置图片保持比例：在图片属性面板中，勾选“保持比例”选项，这样图片将自动调整大小以适应窗口尺寸，同时保持原始比例。

如果是页面背景，可以选择属性框中的页面属性—外观—背景图像—重复（可选多种重复、不重复、横向重复、纵向重复）具体效果，一试便知。

DW如何设置页面背景图像?

1、在【外观（CSS）】分类下，找到【背景图像】选项。点击旁边的【浏览】按钮，从你的计算机中选择你想要设置为背景的图片，然后点击【确定】以加载图片。设置背景图像的重复选项：紧接着【背景图像】选项，你会看到一个【重复】下拉菜单。这个菜单有四个选项：no-repeat：背景图像不重复，只显示一次。

2、在页面属性窗口中，找到并点击“外观”分类标签。设置背景图像：在“外观”分类下，找到“背景图像”选项。点击“浏览”按钮，从你的电脑中选择你想要设置为背景的图片文件，然后点击“确定”。设置背景图像的重复方式：在“背景图像”选项下方，你会看到“重复”选项。

3、打开DW，点击上面菜单中的【修改】选择【页面属性】在分类中选择【外观（CSS）】，并找到背景图像和重复两个选项。首先打开一张图片，点击【确定】。然后再设置重复选项，该选项一共有四个：no-repeat、repeat、repeat-x、repeat-y，分别为重复、不重复、重复于水平面、重复于垂直面。