多语言展示
当前在线:1212今日阅读:60今日分享:41

css如何导入背景

css是开发网页必备的技能直接与你所作网页的漂亮与否挂钩。下面是关于CSS导入背景的教程
工具/原料
1

本例是使用Dreamweaver2019

2

css与html5语言

方法/步骤
1

我们打开Dreamweaver创建一个html网页已经一个css文件,并保存。

2

将css文件与HTML文件建立联系在下图位置输入注意这个Untitled-2.css是我创建的CSS的文件名字以及相对路径(因为我的CSS与HTML放在同一个文件夹里故相对路径默认不显示),这里应该是写上CSS与HTML的相对路径

3

建立联系之后我们发现CSS的文件名出现在了网页文件的主页面下,这个时候表示关联完成。

4

为了方便教学,我们首先在网页里面输入一行字,我们预览网页,好像背景是一片空白,我们也看到了我们刚刚输入的文字。

6

上面的代码里头background-image是指背景图片的意思,通过这条代码我们可以定义网页的背景图片,后面的url()括号里是选择本地图片的地址,我们写一部分系统会自动让我们选择浏览并选择图片,设置好之后,我们全部保存,再次预览网页,发现了我们添加的背景

7

除此之外使用background-color: 可以设置纯色背景

注意事项
1

最好把文件统一放在一起便于查找

2

CSS很基础必须掌握

推荐信息