CSS代码怎么把小图片设为背景图

在网页开发中,我们经常会使用图片来作为背景,来美化页面。那么在CSS代码里是怎么把小图片设为背景图的?下面来看一下。

操作方法

  • 01

    首先看下html代码,一个空的div,什么内容都还没放上。

  • 02

    为这个div写上一些美化的样式。

  • 03

    刷新页面,看下效果,现在就是显示一个有边框的div。

  • 04

    要用css为这个div加上背景图片,只需要加上background-image的样式,后面的值就是图片的地址了。 background-image: url(12.jpg);

  • 05

    刷新页面看下现在的效果,可以看到div已经加上图片背景了。

(0)

相关推荐

  • word怎么把图片设为背景

    小编这里介绍下word中如何把图片设置为背景,同时讲述一下如何同时插入纵向和横向的背景图片. 操作方法 01 先去下载两张背景图片,如下图所示,小编现找的临时图片备用~ 02 如下图所示,点击设计,选 ...

  • Win8系统将图片设为背景(桌面右键个性化)

    设置Win8系统的桌面背景,可以从桌面右键个性化来操作,也有更简单的操作方法,直接在文件夹中完成。下面小编为大家介绍这一操作方法。 步骤 1.打开背景图片所在的文件夹。 2.点击管理工具下面的管理标签 ...

  • 小技巧修改PE背景图

    经常使用PE的话看到的都是一个桌面背景,想不想换一下品味呢?下面就来说说最简单的修改PE背景图的方法: 大部分PE的桌面壁纸都在OP.WIM里面的桌面背景目录下,就两个文件:pelogo.jpg和pe ...

  • OBS如何插入摄像头、图片及抠背景。

    OBS作为目前最优秀的直播软件,并且是完全免费,还可以录制超清视频,但很多人不知道如何插入游戏画面以及摄像头,接下来我就说说我的. 操作方法 01 下载OBS软件,安装后打开OBS软件是这个画面. 0 ...

  • 网页中如何用HTML/CSS实现文字居中于图片

    在网页设计布局中,很多网页设计者都会遇到如何让文字居中于图片的问题.其实,实现这一过程比较简单,只要让图片作为背景图片,再设置文字在 垂直和水平方向上的居中.下面,小编通过一个简单实例,结合自己的,来 ...

  • win7更换壁纸提示无法将图片设为壁纸的内部错误

    为了电脑有一个好的视觉效果,更换壁纸是一个好的方法。一般更换壁纸都是选取一张精美的图片,再直接设置为桌面,这样一个简单的操作。近日有网友反应win7更换壁纸时提示“无法将图片设为壁纸,出现内部错误”。 ...

  • 如何把华为手机相册中的图片设为桌面快捷方式

    今天,小编给大家分享把华为手机相册中的图片设为桌面快捷方式的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的手机中找到"文件管理"图标,点击进入主界面.2. 第二步, ...

  • 一招教你在华为手机中将喜欢的图片设为锁屏壁纸

    相信很多小伙伴都有在使用华为手机,在其中如何才能将自己喜欢的图片设为锁屏壁纸呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"实用工具",在其中找到并点击 ...

  • 如何在华为手机中将图片设成桌面壁纸

    今天,小编给大家分享在华为手机中将图片设成桌面壁纸的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的手机中找到"文件管理"图标,点击进入主界面.2. 第二步,屏幕中出 ...