关于在HTML网页制作中如何添加背景图片

 更新时间:2023年04月12日 10:30:34   作者:朦胧的雨梦  
这篇文章主要介绍了关于在网页制作中如何添加背景图片,我们通常使用background来添加网页的背景图,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

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

效果图:

81a6a508b14d41c9ac1070e79c947c9a.jpg

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

放置方法示例:

95bd8cdd2042471895ba1b83e7d72fc4.jpg

代码引用:

ab75744671bf40c1acc58fcc8dd7cb9b.jpg

其他的简单用法介绍:

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

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

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

到此这篇关于关于在网页制作中如何添加背景图片的文章就介绍到这了,更多相关网页添加背景图片内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家!

相关文章

最新评论

?


http://www.vxiaotou.com