div 怎么设置背景图片

这里小编主要用到CSS的一些属性,小编做前端时也是经常用到设置背景图片的问题,那么小编说一些自己常用的方法

操作方法

  • 01

    首先创建一个html文件一个css样式表文件,如图

  • 02

    在html文件中创建一个div,并且类命名为tab1,代码如图,网页效果如图所示,这里的背景我还使用纯色的背景,还没有用背景图片

  • 03

    在css文件中对div内容进行样式的设置,首先插入背景图片,因为背景图片的尺寸比div尺寸大出许多,所以网页显示出的背景只是背景图片的一部分,网页效果如图

  • 04

    对背景图片的尺寸大小以及设置是否重复显示背景图片,我这里是不重复显示,而且为了使整个div都是这个背景图片我使用了百分比进行设置,css代码如图,网页效果如图

(0)

相关推荐

  • div怎么设置背景图片

    div是html中的基础元素之一,运用div的时候,为了美观经常会给它添加背景图片.下面小编就给大家分享一下如何给div添加背景图片. 操作方法 01 首先我们打开sublime text软件,新建一 ...

  • 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.然后我 ...