css设置背景图片平铺方式

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

操作方法

  • 01

    新建文件创建div并为其添加背景

  • 02

    预览效果

  • 03

    背景添加repeat

  • 04

    预览效果和不加是一样的

  • 05

    背景添加repeat-x

  • 06

    预览效果

  • 07

    背景添加repeat-y

  • 08

    预览效果

  • 09

    背景添加norepeat

  • 10

    预览效果

  • 11

    附上源码 <body> <style> .box{ border:1px solid #093; width:200px; height:200px; background:url(timg.jpg) no-repeat;} </style> <div class="box"> hello word </div> </body>

赞 (0)

相关推荐

  • css设置背景图片大小

    网页的某些装饰可以通过背景图片来渲染,使得网页更加美观,CSS设置背景图片,不仅仅是大小,还有位置,放大方式,透明化之类.都是必备的CSS技能.层叠样式表(英文全称:Cascading Style S ...

  • 如何用CSS设置背景图片

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

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

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

  • css设置背景不重复

    css设置背景图片,默认的样式是图片重复,有的时候页面只需要一个不重复的背景图片,这就需要使用到css背景图片重复属性 background-repeat: no-repeat;进行设置. 操作方法 ...

  • CSS背景图片的使用方式详解一插入滚动图片

    在HTML中合理使用背景图片能够给网页带来不错的体验,那么我们如何在网页中用CSS插入图片呢?今天我就在这里讲解如何插入图片,以及设置全屏或者单个图片显示及背景滚动的问题. 操作方法 01 那么我们该 ...

  • VB6.0怎么设置窗口平铺方式?

    VB6.0想要设置窗口平铺方式,该怎么设置呢?下面我们就来看看详细的教程. 1.首先我们使用窗口这个菜单的命令按钮. 2.然后我们还可以使用热键配合使用. 3.我们可以直接点击水平的按钮直接设置. 4 ...

  • WPS如何设置背景图片铺满页面

    WPS如何设置背景图片铺满页面

    WPS是现在十分常用的一款办公软件,有些新用户不知道如何设置背景图片铺满页面,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,打开电脑中的Word文档.2. 第二步先 ...

  • 如何在Excel中设置背景图片？

    如何在Excel中设置背景图片？

    相信很多小伙伴在日常办公中都会用到Excel,其中的背景图片该如何设置呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,准备好一张要用来作背景的图片,分辨率越高,平铺效果越好.2. 接着, ...

  • 怎么在PPT文档中设置背景图片

    怎么在PPT文档中设置背景图片

    我们想要在PPT文档中设置背景图片,可以通过以下两种方式来添加:一种是通过背景格式,在填充中进行图片填充,另一种直接将图片插入到幻灯片中,并设置为置于底层作为背景,今天就跟大家介绍一下怎么在PPT文档 ...