HTML如何使用一张图片做背景只显示一次

最新推荐文章于 2024-07-23 09:00:00 发布

IT_ananda

最新推荐文章于 2024-07-23 09:00:00 发布

阅读量5.3k

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/IT_ananda/article/details/38975665

版权

html5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

html如何使用一张图片做背景只显示一次

<head>
<style type="text/css">
body
{
background-image: url('/img/指定背景图片.gif');
background-repeat: no-repeat //背景图片只显示一次
}
</style>
</head>

<body>

你好，我是华育国际 www.eduasksz.com

</body>

body内部也可以这样写

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

IT_ananda

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html背景图平移显示一次,制作网页如何使背景图片只出现一次(拉伸)？

weixin_36323601的博客

06-15

1409

制作页面时，有时需要在表格内插入背景图,我们可以使用CSS进行控制，代码：style="background-image:url(./images/counter_bg.jpg);background-repeat:no-repeat;background-position: right bottom;"其中，./images/counter_bg.jpg为显示图片路径。如果现在需要实现背景图随表...

在html中加入一个动态图片背景音乐,如何插入背景音乐和背景图片(附HTML语法教程地址)...

weixin_36464343的博客

05-31

1756

插入背景音乐：代码:说明： SRC="FILENAME"—— 设定音乐文件的路径AUTOSTART=TRUE/FALSE——TRUE：自动播放，FALSE：不自动播放，默认为FALSELOOP=TRUE/FALSE——设定播放重复次数，LOOP=N表示重复N次，TRUE表示无限次播放，FALSE播放一次即停止。STARTIME="分:秒"——设定乐曲的开始播放时间，如20秒后播放写为STARTIM...

参与评论您还未登录，请先登录后发表或查看评论

在html中，怎么设置背景图片不重复不平铺，只显示一张图片

最新发布

qq_24018193的博客

07-23

1576

本文介绍了的使用，如有问题欢迎私信和评论。

html中设置背景图片不重复不平铺只显示一张图片

我的博客

12-27

1万+

背景图片不重复不平铺，可以这样设定背景： <body style="background-image: url("图片文件地址"); background-attachment: fixed;"> 这样背景图片就会固定住，不会因页面滚动而重复。使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;"> 两者结合：<

html按钮背景只显示一次,html点击按钮后，显示层，锁定背景

weixin_28867333的博客

06-16

107

注：本技术采用jquery，所以在用的时候记得引入jquery库html代码按钮 js 代码//获取说明数据function operGroup(){var format =" "+" 新增分组"+" " "+" "+" 组别名称："+" 排...

html设置背景图像

行善之人必有余庆

05-18

766

表格背景图像通讯录姓名地址电话邮件丽丽长春 1555 @qqq.ocm xue 福家园 15555 2344@www.com

html 背景图片不重复显示,css如何设置背景图片不重复？

weixin_35577004的博客

06-04

3058

css设置背景图片，默认的样式是图片重复，有的时候页面只需要一个不重复的背景图片，这就需要使用到css背景图片重复属性background-repeat: no-repeat;进行设置。css使用background-repeat设置背景图片不重复和不使用background-repeat属性对比。示例：不设置background-repeat属性body{background-image:url...

不规则背景墙 CSS实现背景图片不规则的导航菜单

12-13

在案例中，`.nav` 类使用了 `right no-repeat` 来使背景图片从右侧开始，且只显示一次，这通常是用于创建连续的背景效果。 2. **负边距**：为了实现菜单项间的无缝连接，`margin:0 -7px;` 这里的负边距起到了关键...

html一张很长的背景一直滑动,纯htmlcss实现一个炫酷的无限滚动动效

weixin_39789399的博客

06-03

703

1. 先看需求某次迭代中接到的需求是做一个无限滚动的斜滑模块，如下图所示，一定数量游戏icon源源不断的从右上方滑出，循环往复。可以先看看下方的实现效果~(因为图片大小问题，只截取了一部分。实际效果是一直滚动，不会有动画复位的割裂感。)2. 问题拆分看到这个需求的时候，感觉有点复杂，icon错位排列，斜着滚动，无限滚动...后来考虑了下，对这个问题进行了下面步骤的拆分：编写各个容器及icon等基本...

html上一个图片自动滑动到下一个图片,javascript 另一种图片滚动切换效果思路

weixin_39928102的博客

05-31

862

先说一种最普遍的思路：把图片们用ul之类的包起来，并设置float。然后设置这个ul本身为absolute定位，其父标签用relative定位。通过设置ul的left或top值，实现图片队列的滚动效果特点：只操作一个html元素(即上文的ul)，对系统开销小；滚到头会回滚；从大序号滚动到小序号也会回滚；从最后序号滚动到第一个，会“咻”的一下把所有中间的图片也路过一次。另一种思路就是我在XScrol...

PHP 获取目录下的图片并随机显示的代码

10-29

将代码封装成函数的好处在于，当需要修改功能或者增加新特性时，只需对函数进行一次修改，而不用在每个使用该功能的地方都进行调整。总结一下使用PHP来输出随机图片的好处。首先，维护起来非常简单，只需控制目录...

html背景图片只显示一张图片,img只显示图片一部分或 css设置背景图片只显示图片指定区域(示例代码)...

weixin_36331058的博客

06-03

2240

17:14 2016/3/22img只显示图片一部分或 css设置背景图片只显示图片指定区域background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域，图片左上角为0，0或0%，0%，右下角为高度和宽度，或100%，100%。clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域，分别是上右下左的顺序设置部分代码：img{...

html表格滚动显示图片,关于在HTML表格中插入背景图片图片重复显示的问题

weixin_29372549的博客

06-04

514

先来一段有问题的代码(其实也不能说是有问题，毕竟语法上是没问题的，只是出来的效果不是我们想要的——我们假设预期的效果是背景图片只填充一次而不是多次。)设定表格的背景图像姓名张三性别男年龄20页面效果是：我们稍微修改一下标签的属性就可以让图片只出现一次——通过style属性来设置背景图片，而不是直接设置background属性，代码如下：设定表格的背景图像姓名张三性别男年龄20页面效果是：其中，关键...

css控制背景图片随div的大小而缩放

ysf871104的专栏

06-30

12万+

<br />在网页布局时我们经常会遇到这样的问题：图片的分辨率是1024*768，在1024*748的屏幕上能显示完整，一旦在800*600的屏幕上是就显示不完整，为了让图片的大小能适应不同的分辨率，可以这样来设置背景：<br /> <br /> <br /><div style="width:360px;height:200px;border:red 1px solid; margin-left:100px; margin-top:300px; position:relative; "><br /><im

Html设置网页背景图片

为了梦，爱一生

11-29

6万+

为网页添加背景图片可以衬托网页的显示效果，从而取得更好的视觉效果。背景图片的选择不仅要注意好看，而且还要注意不能喧宾夺主，影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本，或者浅色的背景图片配合深色的文本。background属性用来设置网页的背景图片。基本语法： background属性值就是图片的路径。路径可以是相对地址，也可以是绝对地址。实例代码：

html中将图片一部分设置作为div背景图片

weixin_41996632的博客

12-03

1万+

// 将图片的一部分作为div的背景图片，首先div的宽高要设置，然后设置background // 设置到合适的div宽高然后修改no-repeat后面的两个数字进行偏移设置 <div style="background: url('***') no-repeat 12px 0px;width: 12px;height: 12px;"></div> ...

css设置背景图片不重复显示

weixin_40250060的博客乱余生

01-20

2万+

最近在项目中做菜单管理这块，每个一级菜单都有背景图（图片宽高都很小），设置完图片后，背景图重复显示，后来查阅资料才明白，原来设置完背景图后，不指定平铺属性，默认是横向纵向重复的，导致图片出现重复，指定下平铺属性 css中background-repeat是设置图片平铺属性的，其中值有5个： 1、repeat 横向和纵向重复，这是默认的 2、repeat-x 横向重复 3、...

css 实现背景图片拉伸

dxh_0829的专栏

08-19

1534

使用css3 属性：background-size background-size：cover 即可实现像桌面壁纸一样拉伸以下是w3c上面的解释：语法 background-size: length|percentage|cover|contain; 值描述 length 设置背景图像的高度和宽