网页制作中如何添加背景图片

我们通常使用background来添加网页的背景图

效果图:

网页制作中如何添加背景图片_第1张图片

background-image:url(图片地址) ; 这个是定义背景图片,但是注意,url可以是一个网页图片的链接地址,也可以是本机保存的图片,但是对于本机保存的图片,这里是一定一定要注意是url中的图片路径是以该CSS文件为参照对象,简单做法,可以直接将图片放置在和css文件相同的文件夹里,就可以直接引用url(图片名称.jpg即可)

放置方法示例:

网页制作中如何添加背景图片_第2张图片

代码引用:网页制作中如何添加背景图片_第3张图片

其他的简单用法介绍:

background-repeat: no-repeat; 这个是定义背景图片不重复;

background-position: center; 这个是定义背景居中;

background-attachment: fixed; 定义背景图片的滚动。

谢谢观看!

 

 

你可能感兴趣的:(css,html)