服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - 编程技术 - 关于在HTML网页制作中如何添加背景图片

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

2023-04-14 16:47朦胧的雨梦 编程技术

这篇文章主要介绍了关于在网页制作中如何添加背景图片,我们通常使用background来添加网页的背景图,需要的朋友可以参考下

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

效果图:

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

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

放置方法示例:

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

代码引用:

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

其他的简单用法介绍:

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

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

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

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

原文链接:https://blog.csdn.net/weixin_72906726/article/details/127991389

延伸 · 阅读

精彩推荐