background-repeat: no-repeat;

最新推荐文章于 2024-04-02 05:37:58 发布
最新推荐文章于 2024-04-02 05:37:58 发布
阅读量9.8k 收藏 11
点赞数 5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44741841/article/details/105143790
版权

今天重新复习Dom编程艺术最后一章发现使用
在这里插入图片描述
单独使用no-repeat可以使图片显示出来
在这里插入图片描述
但是使用background-image: url(…/images/guitarist.gif) no-repeat;这种方式就会使图片隐藏。

在这里插入图片描述
自己想了一下也许是因为如果用快捷方式设置背景不重复也许是因为图片的作用域方面的问题,它的目标是图片
而设置background-repeat: no-repeat; 是因为它的目标是header

Hotman_Wuhan
关注
background-repeat:no-repeat
evilcry2012的专栏
01-15 1293
background-repeat:no-repeat 2011-04-10 15:52黄续金 | 分类：教育/科学 | 浏览21348次 分享到： 2011-04-13 17:34网友采纳 peat ： 是不重复背景图片的 background-repeat: repeat ： 重复背景图片 x方向 和 y 方向 同时重复的 bac
css中元素backgroud-repeat的设置中为no-repeat含义为不平铺
一木生兮
06-26 5066
css中no-repeat一般用在元素backgroud-repeat的设置中，含义为不平铺；一般与background-image 一起使用；此图片做背景时不平铺；另外还有几个其他值：repeat:平铺repeat-x:横向平铺repeat-y:纵向平铺...
background:url(image/road.jpg) no-repeat center的基本用法介绍
热门推荐
MiyaWang21的博客
11-24 6万+
进行网页界面排版时，大家会经常用到background属性，写一些背景图片，颜色之类的，今天我先简单的介绍一下background属性的背景图片是什么样的效果。
CSS中background样式的repeat和no-repeat
weixin_30810239的博客
12-14 1131
自http://blog.sina.com.cn/s/blog_98eef7830101cv8t.html获取的知识，特此感谢。 1 <!DOCTYPE html> 2 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta char...
CSS里的 no-repeat
weixin_30312557的博客
06-27 1949
简单来说，CSS里的 no-repeat是针对背景图片来说的。当你设置了no-repeat这个属性后，你的背景图片将不会被重复，再换一种说法，你在网站上所看到的背景图片就是你所添加的图片， 不会出现平铺或者重复的现象。当然你仍然可以通过其他方式来控制图片的位置，比如：{backgroud:top, center, no-repeat;}这样你的背景图片就位于上部的居中位置。 转载于:https:/...
background-size: cover; background-repeat: no-repeat; background-position: center center;
最新发布
08-02
.no-repeat-background { background-repeat: no-repeat; } ``` 3. **background-position: center center;** 这个属性设置背景图像的定位点。`center center` 表示图像在容器中心居中对齐，既水平也垂直。 `...
body style="background:url(media/background.jpg); background-size:cover; background-repeat:no-repeat;">
04-26
- `background-repeat:no-repeat`：设置背景图像不重复，只显示一次。 需要注意的是，`background-size`和`background-repeat`这两个属性在IE8及以下版本的浏览器中不支持，需要使用特定的hack方式来实现。而在IE9...
background-repeat: no-repeat; background-position: center; border: none;
06-11
- `background-repeat: no-repeat;` 表示背景图片不重复，只显示一次。这样可以保证背景图片不会被重复覆盖。 - `background-position: center;` 表示背景图片在按钮中居中显示。如果您不设置背景图片的位置，它...
background-repeat: no-repeat; background-position: center; \
05-26
`background-repeat: no-repeat`表示不重复平铺背景图片，即只在容器内展示一次。 `background-position: center`表示将背景图片居中展示。 综合起来，这两个属性组合可以实现让背景图片只展示一次，并且居中展示...
background-repeat: no-repeat;为什么还是会重复
06-02
如果 `background-repeat: no-repeat;` 属性被设置但图片仍然被重复，可能是由于以下原因： 1. 图片的大小小于元素的大小，导致图片被平铺以填充整个元素； 2. 元素的宽度或高度设置为百分比或相对于视口单位，导致...
如何让背景不重叠html,css如何设置background不重复？
weixin_30695935的博客
05-31 4524
css设置背景图片，默认的样式是图片重复，有的时候页面只需要一个不重复的背景图片，这就需要使用到css背景图片重复属性background-repeat: no-repeat;进行设置。background-repeat属性background-repeat 属性设置是否及如何重复背景图像。默认地，背景图像在水平和垂直方向上重复。详细说明background-repeat 属性定义了图像的平铺模式...
CSS 背景重复 background-repeat属性
歪脖先生的博客
02-17 3万+
背景重复默认情况下，如果一幅背景图像不足以占满整个容器时，就会在水平方向和垂直方向重复，以填满整个容器。然而，有时候却希望背景图像只出现一次，或只在某个方向上重复。这时，就可以通过 background-repeat属性来定义背景图像如何重复，即背景图像的平铺方式，可选值有 repeat | repeat-x | repeat-y | space | round | no-repeat，默认值为 ...
02-CSS属性：背景属性
weixin_45311714的博客
11-03 5945
比如说，设计师给你一张1920*465的超大banner图，如果我们把这个banner图作为img标签直接插入网页中，会有问题的：首先，图片不在网页的中间；光学显示器中，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。正确的做法是，将banner图作为div的背景图，这样的话，背景图超出div的部分，会自动移溢出。区域内的部分显示，区域外的隐藏。
06-CSS基础
weixin_55101030的博客
09-19 255
css基础
html 背景图片不重复显示,css如何设置背景图片不重复？
weixin_35577004的博客
06-04 3036
css设置背景图片，默认的样式是图片重复，有的时候页面只需要一个不重复的背景图片，这就需要使用到css背景图片重复属性background-repeat: no-repeat;进行设置。css使用background-repeat设置背景图片不重复和不使用background-repeat属性对比。示例：不设置background-repeat属性body{background-image:url...
CSS属性：背景属性
u013373276的博客
12-09 1442
），这种图要求横向的宽度特别大。比如说，设计师给你一张1920*465的超大banner图，如果我们把这个banner图作为img标签直接插入网页中，会有问题的：首先，图片不在网页的中间；光学显示器中，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。正确的做法是，将banner图作为div的背景图，这样的话，背景图超出div的部分，会自动移溢出。
关于CSS中的背景属性background简述，2024前端春招面试经历
m0_60607675的博客
04-02 800
background-repeat属性控制背景图片在被[background-size]（＃backgroundsize）属性改变了大小及被[background-position]（＃backgroundposition ）属性定位后如何平铺。该属性的值可以是 repeat-x, repeat-y, repeat, space, round, no-repeat关键字，除了repeat-x和repeat-y,其他值可以为x轴和y轴定义一次，也可以单独定义每个维。
html中repeat的作用,background-repeat属性怎么用
weixin_33575756的博客
06-15 5592
CSSbackground-repeat属性作用：设置是否及如何重复背景图像。基本语法：background-repeat:repeat|repeat-x|repeat-y|no-repeat;repeat：默认值，背景图像将向垂直和水平方向重复。repeat-x：只有水平位置会重复背景图像。repeat-y：只有垂直位置会重复背景图像。no-repeat：设置背景图片不会重复。说明：backgr...
关于background的属性
落叶
07-09 1679
我再webstorm中显示background显示出来的属性有这么多，对于我这个新手，我还是忍不住想看看这些属性background-position:  是定义显示的位置，他的取值包括两个，分别用来定位图片在x，y轴的坐标&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&g...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值