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

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

效果图:

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

放置方法示例:

代码引用:

其他的简单用法介绍:

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

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

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

谢谢观看！

网页制作中如何添加背景图片相关推荐

web网页制作中常用到的图片格式及jpg,png,gif各自格式的特点
网页制作中图片格式常用三种格式(jpg,png,gif) 1jpg图片是我们最常见的. jpg:可压缩的,有损图片质量的格式.虽然可压缩,它的色彩还是比较丰富. 特点:文件小.色彩丰富. 在网页中 ...
java jframe 图片_java中JFrame添加背景图片
急!请帮忙修改这个Java程序,添加背景图片.源代码:importjava.awt.*;importjava.awt.event.*;importjava.net.URL;importjavax.sw ...
vue在行内标签中动态添加背景图片，还有其他样式
<div :style="{'background-image': `url(${require('./image/1.png')}) no-repeat center center` ...
android 视频背景图片,安卓手机怎么给视频添加背景图片上下图片中间视频画面的小视频制作...
狸窝是帮助用户解决问题提供教程解决方案在这个过程中有使用我们自己开发的软件也有网上找的工具只要帮助用户解决问题就好!同意则往下继续了解学习 ... 注意此教程方案是:『安卓手机端教程方案』.很 ...
android页面背景为视频,安卓手机怎么给视频添加背景图片上下图片中间视频画面的小视频制作...
狸窝是帮助用户解决问题提供教程解决方案在这个过程中有使用我们自己开发的软件也有网上找的工具只要帮助用户解决问题就好!同意则往下继续了解学习 ... 注意此教程方案是:『安卓手机端教程方案』.很 ...
android 视频做背景图片,视频后面怎么加背景图片？安卓手机给视频添加背景图片的方法...
狸窝是帮助用户解决问题提供教程解决方案在这个过程中有使用我们自己开发的软件也有网上找的工具只要帮助用户解决问题就好!同意则往下继续了解学习 ... 注意此教程方案是:『安卓手机端教程方案』.很 ...
给网页添加背景图片1
我们在打开博客的时候,有时会看到有的网页添加了背景图片.从而让网页增加了不少的乐趣.一个好的背景可以更好体现网站的风格.也让自己的网站与众不同.赏心悦目的图片可以让人眼前一亮. 同样,我们在网站制作过 ...
html语言设置网页背景,在html网页中如何设置背景图片？网页背景怎么设置？
不知道大家有没有发现,当我们在浏览部分网页的时候网页的背景都是很漂亮的.那么今天小编来教大家怎么在 html 网页中设置背景图片吧! 1.首先还是老样子,我们在开发工具中新建一个 .html 文件,然 ...
简历背景图片设置html代码,怎么在简历中添加背景图片
在简历中添加背景图片的方法二步骤1.在菜单栏选择图片->自来文件->选择图片后->确定; 步骤2.选图片->右键-->设置图片格式->版式->衬于文字下方; ...

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

网页制作中如何添加背景图片相关推荐

最新文章

热门文章