html中repeat的作用,background-repeat属性怎么用

CSSbackground-repeat属性

作用：设置是否及如何重复背景图像。

基本语法：

background-repeat:repeat|repeat-x|repeat-y|no-repeat;

repeat：默认值，背景图像将向垂直和水平方向重复。

repeat-x：只有水平位置会重复背景图像。

repeat-y：只有垂直位置会重复背景图像。

no-repeat：设置背景图片不会重复。

说明：background-repeat属性定义了图像的平铺模式。从原图像开始重复，原图像由background-image定义，并根据background-position的值放置。

CSSbackground-repeat属性的使用示例

菜鸟教程(runoob.com)

.demo1{

width:400px;

height:150px;

border:1pxsolidred;

background-image:url('https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png');

background-repeat:repeat;

}

.demo2{

width:400px;

height:100px;

border:1pxsolidred;

background-image:url('https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png');

background-repeat:no-repeat;

}

.demo3{

width:400px;

height:150px;

border:1pxsolidred;

background-image:url('https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png');

background-repeat:repeat-x;

}

.demo4{

width:400px;

height:400px;

border:1pxsolidred;

background-image:url('https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png');

background-repeat:repeat-y;

}

repeat设置背景图片向垂直和水平方向重复

html中repeat的作用,background-repeat属性怎么用相关推荐

html中right的作用,css3 nav-right属性怎么用？
nav-right属性是一个CSS3属性,用于指定当使用箭头向右的导航键时,向何处进行导航. CSS3 nav-right属性作用:nav-right 属性规定当使用 nav-right 导航键时, ...
html中repeat的作用,深入探究CSS repeat()函数知识及用法
今天为大家讲解一下我最近学的一个CSS中repeat()函数的知识,repeat()函数要想理解透彻它,熟练掌握,需要大家花点时间去学习,因为我也查了很多资料,那么,该如何讲才能让大家更容易理解呢?想 ...
JavaScript中带示例的String repeat（）方法
JavaScript | 字符串repeat()方法 (JavaScript | String repeat() Method) The String.repeat() method in JavaS ...
在HTML中标记tel是什么意思,'tel'属性在AEM 6.1的经典UI中富文本编辑器中的锚标记的href中不起作用...
我正在使用AEM 6.1 SP2,我试图在定位标记的href中启用'tel'属性以使点击调用功能性工作.我已经添加了'htmlRules'节点 ,并将htmlRules节点下的节点与'protocol ...
html5中delay的作用,animation-delay属性怎么用
animation-delay属性是用来定义动画何时开始,以秒或毫秒为单位:使用animation-delay属性可以自定义动画的延迟效果. CSS3 animation-delay属性作用:ani ...
role属性：html中role的作用
这个role属性之前也没有注意过,下面为转载了解内容 role 是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明. 通常这种情况出现在一些自定义的组件上,这样可增强 ...
einops库中rearrange，reduce和repeat的介绍
用法介绍 einops是一个简洁优雅操作张量的库,并且支持对numpy,pytorch,tensorflow中的张量进行操作,该库最大的优点是函数的使用逻辑清晰明了,其中中常用的三个函数分别是rea ...
（15）css常用样式—background背景属性
一.背景属性概述 CSS 中除了布局类属性,还需要添加一些背景类的内容进行页面的修饰,从而让网页变得更加的美观. CSS 中通过 background 属性来设置背景,它是一个综合属性,可以拆分成多 ...
background系列属性
1.background-color背景颜色属性 ①颜色表示方法英语单词:red blue purple skyblue. rgb:r代表红色 g代表绿色 b代表蓝色也 ...

html中repeat的作用,background-repeat属性怎么用

repeat设置背景图片向垂直和水平方向重复

html中repeat的作用,background-repeat属性怎么用相关推荐

最新文章

热门文章