div怎么设置背景图片

div是html中的基础元素之一,运用div的时候,为了美观经常会给它添加背景图片。下面小编就给大家分享一下如何给div添加背景图片。

操作方法

  • 01

    首先我们打开sublime text软件,新建一个html页面,然后在在页面中添加html的基本结构,如下图所示

  • 02

    然后我们在html的body区域添加一个div,并且给div设置一下宽高以及边框的样式,如下图所示

  • 03

    运行程序以后,你就会看到如下图所示的div区域,我们接下来就要给这个区域添加背景图片

  • 04

    然后我们回到html文档,在div的样式规则里面添加background-image属性,如下图所示,给此属性指定一个图片路径,运行以后你就会看到背景图片了

(0)

相关推荐

  • div 怎么设置背景图片

    这里小编主要用到CSS的一些属性,小编做前端时也是经常用到设置背景图片的问题,那么小编说一些自己常用的方法 操作方法 01 首先创建一个html文件一个css样式表文件,如图 02 在html文件中创 ...

  • css设置背景图片居中;css背景图片自动居中

    如何通过css设置一张背景图片自动水平垂直居中呢?可以通过css提供的background-position: center进行设置. 设置代码: .bg-img{ height: 100vh; wi ...

  • 如何用CSS设置背景图片

    我们经常会看一些如游戏.电影.购物网上那种五颜六色的网页画面,包括导航菜单,网页主题背景,红的,黑的,(如小简头,像框等)五颜六色的都有,那么我们如何在网页中设置背景图片呢? 列:设置元素背景属性 0 ...

  • css设置背景图片平铺方式

    css设置背景图片平铺方式 repeat:沿水平竖直两个方向平铺,这也是默认值 no-repeat:不平铺,即只显示一次 repeat-x:只沿水平方向平铺 repeat-y:只沿竖直方向平铺 操作方 ...

  • word2013怎样设置背景图片?

    word2013怎样设置背景图片呢?在使用word2013时,我们希望是文字搭配图片一起显示,这要怎么设置呢?下文小编就教大家word2013插入背景图片的方法,还不会的朋友可以来下文了解下哦~ wo ...

  • ppt怎么在母版里设置背景图片

    ppt母版里设置背景图片的步骤: 1.点视图菜单--幻灯片母版: 2.点背景样式--设置背景格式: 3.点图片或纹理填充,点文件按钮,选择背景图片,点打开: 4.返回到设置背景格式窗口,点全部应用,点 ...

  • word怎么设置背景图片

    word怎么设置背景图片 打开word,依次点插入-图片-来自文件. 在本机上选一幅图片作为背景,然后点插入 双击图片,打开"设置图片格式"对话框. 选择"版式" ...

  • QQ空间怎么设置背景图片

    QQ空间设置背景图片的方法 首先,登陆我们自己的QQ空间之后,点击"装扮",然后就可以进入QQ空间的装扮设置了. 在空间装扮的相关设置中,我们点击"DIY装扮" ...

  • WPS Office 2019怎么设置背景图片?

    wps office2019文件想要添加背景图,该怎么添加呢?下面我们就来看看wos2019设置背景图的教程. 1.首先,我们打开wps office,然后点击左侧的新建按钮,如下图所示, 2.然后我 ...