dw背景图片怎么铺满

 时间:2024-10-21 12:00:26

我们螅岔出礤在Dreamweaver中,可以在当前页面设置css样式,也可以通过外部调用,来使用css。那么,我们想把背景图片铺满的话,就可以用到repeat重复

dw背景图片怎么铺满

工具/原料

AdobeDreamweaverCS6

方法一:

1、首先,需要先建夷爵蹂柢立一个文件夹。这里我在桌面建立一个web文件夹,在web文件夹中,新建一个img放图片的文件夹,和一个css文件夹

dw背景图片怎么铺满

2、然后,我们打开Dreamweaver,然后新建一个HTML。保存到刚刚的web文件夹中

dw背景图片怎么铺满

3、接着,在点击页面属性

dw背景图片怎么铺满

4、在页面属性中,点击背景图像后面的浏览,找到“web--img”文件夹中要设置为背景擢爻充种的图片。选择中后点击确定

dw背景图片怎么铺满

5、在重复的位置,选择repeat,保存文档,按F12预览下效果

dw背景图片怎么铺满

6、则在浏览器中,预览的效果图下图所示。

dw背景图片怎么铺满

方法二:

1、点击拆分,直接在代码中,手写输入css样式

dw背景图片怎么铺满

方法三调用css:

1、我们点击“文件--新建”,新建一个css文件。快捷键是CTRL+N

dw背景图片怎么铺满

2、在css文件中,我们定义一个背景样式,然后保存css到css文件夹中。如图所示

dw背景图片怎么铺满

3、在回到首页面,把刚刚的css样式,应用的该页面中。

dw背景图片怎么铺满

DW如何设置背景图片的大小 如何将dreamweaver的背景图片符合页面大小 DW设置背景图片的操作方法 DW如何把文字居中 dw怎么添加搜索框
热门搜索
白金汉宫图片 毛竹图片 救命草图片 美国动漫电影 动漫女生名字