养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

dw背景图片怎么铺满

时间:2024-10-21 14:18: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背景图片怎么铺满

© 一点知识